jQueryMobile主题jQueryMobile提供了2种不同的主题样式,从"a"到"b"-每一种主题的按钮，工具条，内容块等等颜色都不一致，每个主题的视觉效果也不一样。通过设置元素的data-theme属性可以自定义应用的外观:按钮值描述实例a页面为灰色背景黑色文字头部与底部均为灰色背景黑色文字按钮为灰色背景黑色文字激活的按钮和链接为白色文本蓝色背景input输入框中placeholder属性值为浅灰色，value值为黑色尝试一下b页面为黑色背景白色文字头部与底部均为黑色背景白色文字按钮为白色文字木炭背景激活的按钮和链接为白色文本蓝色背景input输入框中placeholder属性值为浅
jQueryMobile表单滑动条jQueryMobile滑动条控件滑动条允许您从一个范围的数字中选择一个值：如需创建滑动条，请使用： 实例 进度: inputtype="range"name="points"id="points"value="50"min="0" max="100">尝试一下»使用以下属性来规定限制：max-规定允许的最大值 min-规定允许的最小值 step-规定合法的数字间隔 value-规定默认值提示:如果你想在按钮中显示进度的值可以添加data-show-value="true"属性: 实例 data-show-value="true">尝试一下»提
jQueryMobile表单滑动条jQueryMobile滑动条控件滑动条允许您从一个范围的数字中选择一个值：如需创建滑动条，请使用： 实例 进度: inputtype="range"name="points"id="points"value="50"min="0" max="100">尝试一下»使用以下属性来规定限制：max-规定允许的最大值 min-规定允许的最小值 step-规定合法的数字间隔 value-规定默认值提示:如果你想在按钮中显示进度的值可以添加data-show-value="true"属性: 实例 data-show-value="true">尝试一下»提
jQueryMobile表单选择菜单jQueryMobile选择菜单Iphone上的选择菜单：Android/SGS4设备上的选择菜单：元素创建带有若干选项的下拉列表。元素内的元素定义了列表中的可用选项： 实例 SelectDay MondayTuesday Wednesday 尝试一下»提示：如果您有一个带有相关选项的很长的列表，请在内使用元素： 实例 Monday TuesdayWednesdaySaturdaySunday尝试一下»自定义选择菜单本页顶部的图像，演示了移动平台上如何使用它们的方式展示一个选择菜单。如果您想要让选择菜单在所有的移动设备上都显示相同，请使用
jQueryMobile表单选择菜单jQueryMobile选择菜单Iphone上的选择菜单：Android/SGS4设备上的选择菜单：元素创建带有若干选项的下拉列表。元素内的元素定义了列表中的可用选项： 实例 SelectDay MondayTuesday Wednesday 尝试一下»提示：如果您有一个带有相关选项的很长的列表，请在内使用元素： 实例 Monday TuesdayWednesdaySaturdaySunday尝试一下»自定义选择菜单本页顶部的图像，演示了移动平台上如何使用它们的方式展示一个选择菜单。如果您想要让选择菜单在所有的移动设备上都显示相同，请使用
jQueryMobile表单输入元素jQueryMobile文本输入框输入字段是通过标准的HTML元素编码的，jQueryMobile将为它们添加样式使其看起来更具吸引力，在移动设备上更易使用。您也能使用新的HTML5的类型： 实例 全名:生日:E-mail: 尝试一下»提示：请使用placeholder来指定一个简短的描述，用来描述输入字段的期望值：文本域对于多行文本输入可使用。注意：当您键入一些文本时，文本域会自动调整大小以适应新增加的行。 实例 附加信息:尝试一下»搜索输入框type="search"类型的输入框是在HTML5中新增的，它是为输入搜索定义文本字段： 实例 搜
jQueryMobile表单输入元素jQueryMobile文本输入框输入字段是通过标准的HTML元素编码的，jQueryMobile将为它们添加样式使其看起来更具吸引力，在移动设备上更易使用。您也能使用新的HTML5的类型： 实例 全名:生日:E-mail: 尝试一下»提示：请使用placeholder来指定一个简短的描述，用来描述输入字段的期望值：文本域对于多行文本输入可使用。注意：当您键入一些文本时，文本域会自动调整大小以适应新增加的行。 实例 附加信息:尝试一下»搜索输入框type="search"类型的输入框是在HTML5中新增的，它是为输入搜索定义文本字段： 实例 搜
jQueryMobile表单jQueryMobile会自动为HTML表单自动添加样式，让它们看起来更具吸引力，触摸起来更具友好性。jQueryMobile表单结构jQueryMobile使用CSS为HTML表单元素添加样式，让它们更具吸引力，更易于使用。在jQueryMobile中，您可以使用下列表单控件：文本输入框 搜索输入框 单选按钮 复选框 选择菜单 滑动条 翻转拨动开关当使用jQueryMobile表单时，您应当知道：元素必须有一个method和一个action属性 每个表单元素必须有一个唯一的"id"属性。id必须是整个站点所有页面上唯一的。这是因为jQueryMobile的单页导航
jQueryMobile表单jQueryMobile会自动为HTML表单自动添加样式，让它们看起来更具吸引力，触摸起来更具友好性。jQueryMobile表单结构jQueryMobile使用CSS为HTML表单元素添加样式，让它们更具吸引力，更易于使用。在jQueryMobile中，您可以使用下列表单控件：文本输入框 搜索输入框 单选按钮 复选框 选择菜单 滑动条 翻转拨动开关当使用jQueryMobile表单时，您应当知道：元素必须有一个method和一个action属性 每个表单元素必须有一个唯一的"id"属性。id必须是整个站点所有页面上唯一的。这是因为jQueryMobile的单页导航
jQueryMobile过滤可过滤元素所有的元素如果有一个或更多的子元素均可过滤。如何创建搜索字段: 你想过滤的元素必须使用 data-filter="true"属性。 创建元素并指定id，元素上加上 data-type="search"属性。这样就能创建基本的搜索字段。将元素放置于一个表单中，表单元素使用"ui-filterable"类-该类会调整搜索字段与过滤元素的外边距。 接着为过滤的元素添加data-input属性。该值需要是元素的id。接下来我们创建一个可过滤的列表： 列表中搜索元素 data-filter="true"data-input="#myFilter"> Adele
