jQuery Mobile滑块控件使用指南与实例.pdfVIP

•

jQueryMobile滑块控件

滑块允许您从一定范围内的数字中选取值：

如需创建滑块，请使用inputtyperange：

实例

formmethod=postaction=demoform.aspdivdata‑role=

fieldcontainlabelfor=points积分：/labelinputtype=range

name=pointsid=pointsvalue=50min=0max=100/div

inputtype=submitdata‑inline=truevalue=提交/form

使用下列属性来规定限定：

•max‑规定允许的最大值

•最小值‑规定允许的最小值

•step‑规定合法的数字间隔

•value‑规定默认值

提示:如果您希望突出显示截止滑块值的这段轨道，请添加

data‑highlighttrue：

实例

formmethod=postaction=demoform.aspdivdata‑role=

fieldcontainlabelfor=points分数：/labelinputtype=

rangename=pointsid=pointsvalue=50min=0max=

100data‑highlight=true/div

•

jQueryMobile滑块控件

滑块允许您从一定范围内的数字中选取值：

如需创建滑块，请使用inputtype=range：

实例

formmethod=postaction=demoform.asp

divdata-role=fieldcontain

labelfor=pointsPoints:/label

inputtype=rangename=pointsid=points

value=50min=0max=100

/div

inputtype=submitdata-inline=truevalue=提交

/form

使用下列属性来规定限定：

•max-规定允许的最大值

•min-规定允许的最小值

•step-规定合法的数字间隔

•value-规定默认值

提示：如果您希望突出显示截止滑块值的这段轨道，请添加

data-highlight=true：

实例

formmethod=postaction=demoform.asp

divdata-role=fieldcontain

labelfor=pointsPoints:/label

inputtype=rangename=po