- jQuery Mobile 教程
- jQuery Mobile - 首页
- jQuery Mobile - 概述
- jQuery Mobile - 设置
- jQuery Mobile - 页面
- jQuery Mobile - 图标
- jQuery Mobile - 过渡效果
- jQuery Mobile - 布局
- jQuery Mobile - 小组件
- jQuery Mobile - 事件
- jQuery Mobile - 表单
- jQuery Mobile - 主题
- jQuery Mobile - CSS 类
- jQuery Mobile - 数据属性
- jQuery Mobile 有用资源
- jQuery Mobile - 面试题
- jQuery Mobile - 快速指南
- jQuery Mobile - 有用资源
- jQuery Mobile - 讨论
jQuery Mobile - 单选按钮小组件
当在众多选项中只需要选择一个选项时,将使用单选按钮。它们也使用 <input> 标记创建,但 type 属性设置为 radio。
下表详细演示了单选按钮的类型。
序号 | 类型和说明 |
---|---|
1 | 基本标记
可以使用带有 type = "radio" 属性和相应标签的 <input> 元素创建单选按钮。 |
2 | 迷你大小
在 fieldset 元素中,包括属性 data-mini = "true" 以创建迷你版本。 |
3 | 垂直组
默认情况下,单选按钮垂直设置。 |
4 | 水平组
通过将 data-type = "horizontal" 包含到 fieldset 中,可以将单选按钮水平设置。 |
5 | 图标位置
可以使用属性 data-iconpos = "right" 将单选按钮图标位置设置为 fieldset 的右侧。 |
6 | 主题
通过属性 data-theme 将主题设置为单选按钮。 |
7 | 禁用
在输入中设置属性 disabled = "disabled" 以禁用单选按钮。 |
8 | 增强
使用 data-enhanced = "true" 将单选按钮增强到输入字段中。 |
jquery_mobile_widgets.htm
广告