HTML5&CSS3-充实笔记0514

是 否 +2 论坛币

k人 参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群

赵安豆老师微信：zhaoandou666

经管之家联合CDA

送您一个全额奖学金名额~ !

立即领取

感谢您参与论坛问题回答

经管之家送您两个论坛币！

+2 论坛币

选择菜单
<label for="select-choice-0" class="select">每天上网时数：</label>

<select name="select-choice-0" id="select-choice-1" data-mini="true">

<option value="standard">少于1小时</option>
<option value="standard">1小时</option>
<option value="rush">2小时</option>
<option value="express">3小时</option>
<option value="overnight">3小时以上</option>

</select>

按钮button
1)link button（链接按钮）
    若想让<a>标记产生文字超链接按钮显示，要使用data-role="button"属性
    <a href="#second" data-role="button">第二页</a>
data-mini="true"属性可以让按钮及字体小一号显示

2)表单按钮（form button）

分普通按钮、提交按钮、取消按钮
<input type="button" value="Button" />
<input type="submit" value="submit button" />
<input type="reset" value="Reset button" />

链接按钮，可以通过data-icon加入小图标
<a href="#" data-role="button" data-icon="delete">删除</a>

data-icon值的可选项： delete/arrow-l/arrow-r/arrow-u/arrow-d/plus/minus/check/gear/refresh/forward/back/grid/star/alert/info/home/search
data-iconpos属性指定位置：top/bottom/right
data-inline="true" 让按钮变紧实
3）组按钮

<div data-role="controlgroup">
    <a href="index.html" data-role="button">新闻</a>
    <a href="index.html" data-role="button">运动</a>   

    <a href="index.html" data-role="button">电影</a>   
</div>

如果加一个data-type="horizontal"属性，就可以让其水平显示

扫码加我 拉你入群

请注明：姓名-公司-职位

以便审核进群资格，未注明则拒绝

分享0 收藏0 回帖

关键词：HTML5 HTML htm horizontal forward

点赞点赞！

点赞

组按钮
<div data-role="controlgroup">
    <a href="index.html" data-role="button">新闻</a>
    <a href="index.html" data-role="button">运动</a>   

    <a href="index.html" data-role="button">电影</a>   
</div>

为您点赞！

感谢分享，向您学习，赞！

)表单按钮（form button）
分普通按钮、提交按钮、取消按钮
<input type="button" value="Button" />
<input type="submit" value="submit button" />
<input type="reset" value="Reset button" />
链接按钮，可以通过data-icon加入小图标
<a href="#" data-role="button" data-icon="delete">删除</a>