14、jQuery Mobile 表单与列表使用指南

jQuery Mobile 表单与列表使用指南

1. 扩展输入元素

移动设备在收集用户输入方面有了一些新方法，其中部分方法在桌面浏览器中已存在一段时间，但使用并不普遍。常见的移动设备控制或输入功能包括滑块、翻转开关和搜索功能，这些在 jQuery Mobile 中均得到支持。

1.1 滑块（Slider）

滑块常用于用户通过点击拖动或轻触拖动来选择值，而非手动输入的场景。它适用于音量控制、亮度或不透明度控制，甚至用于执行计算的页面。

以下是创建滑块的代码示例：

<input type="range" name="slider" id="slider" value="10" min="0" max="100" />

各属性的作用如下：
| 属性 | 作用 |
| ---- | ---- |
| type="range" | jQuery Mobile 识别此属性来创建滑块 |
| name 和 id | 与其他输入元素的作用相同 |
| value | 设置滑块按钮或手柄的起始位置 |
| min | 设置滑块的最小值 |
| max | 设置滑块的最大值 |

在页面中使用滑块时，应为每个滑块添加标签，这不仅是为了显示和提高可访问性，也是使用 jQuery Mobil