全部版块 我的主页
论坛 提问 悬赏 求职 新闻 读书 功能一区 学道会
624 8
2019-05-14
选择菜单
<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"属性,就可以让其水平显示

二维码

扫码加我 拉你入群

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

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

全部回复
2019-5-14 08:38:25


点赞点赞!
二维码

扫码加我 拉你入群

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

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

2019-5-14 08:44:09
点赞
二维码

扫码加我 拉你入群

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

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

2019-5-14 12:17:00
组按钮
<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>
二维码

扫码加我 拉你入群

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

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

2019-5-14 14:54:09
为您点赞!
二维码

扫码加我 拉你入群

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

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

2019-5-14 15:15:31
二维码

扫码加我 拉你入群

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

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

点击查看更多内容…
相关推荐
栏目导航
热门文章
推荐文章

说点什么

分享

扫码加好友,拉您进群
各岗位、行业、专业交流群