?
本文檔使用 php中文網(wǎng)手冊 發(fā)布
滑動條允許您從一個范圍的數(shù)字中選擇一個值:
如需創(chuàng)建滑動條,請使用 <input type="range">:
效果預(yù)覽 ?<form method="post" action="demoform.html">
<div data-role="fieldcontain">
<label for="points">Points:</label>
<input type="range" name="points" id="points" value="50" min="0" max="100">
</div>
</form>
使用以下屬性來規(guī)定限制:
提示:如果您想要高亮突出顯示滑動條的值,請?zhí)砑?data-highlight="true":
效果預(yù)覽 ?<input type="range" data-hightlight="true">
波動開關(guān)通常用于 on/off 或 true/false 按鈕:
如需創(chuàng)建一個開關(guān),請把 <select> 元素與 data-role="slider" 一起使用,并添加兩個 <option> 元素:
效果預(yù)覽 ?<form method="post" action="demoform.html">
<div data-role="fieldcontain">
<label for="switch">Toggle Switch:</label>
<select name="switch" id="switch" data-role="slider">
<option value="on">On</option>
<option value="off">Off</option>
</select>
</div>
</form>
提示:請使用 "selected" 屬性來設(shè)置選項中的一個為預(yù)選中狀態(tài)(高亮突出顯示狀態(tài)):
效果預(yù)覽 ?<option value="off" selected>Off</option>