?
This document uses PHP Chinese website manual Release
滑動(dòng)條允許您從一個(gè)范圍的數(shù)字中選擇一個(gè)值:
如需創(chuàng)建滑動(dòng)條,請(qǐ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>
使用以下屬性來(lái)規(guī)定限制:
提示:如果您想要高亮突出顯示滑動(dòng)條的值,請(qǐng)?zhí)砑?data-highlight="true":
效果預(yù)覽 ?<input type="range" data-hightlight="true">
波動(dòng)開關(guān)通常用于 on/off 或 true/false 按鈕:
如需創(chuàng)建一個(gè)開關(guān),請(qǐng)把 <select> 元素與 data-role="slider" 一起使用,并添加兩個(gè) <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>
提示:請(qǐng)使用 "selected" 屬性來(lái)設(shè)置選項(xiàng)中的一個(gè)為預(yù)選中狀態(tài)(高亮突出顯示狀態(tài)):
效果預(yù)覽 ?<option value="off" selected>Off</option>