జూనీటీ మొబైల్ ఫారమ్ - స్లైడర్

jQuery Mobile స్లైడర్ కంట్రోల్

స్లైడర్ కొంత విలువల నుండి ఎంచుకోవడానికి అనుమతిస్తుంది:

స్లైడర్ సృష్టించడానికి <input type="range"> ఉపయోగించండి:

实例

<form method="post" action="demoform.asp">
  <div data-role="fieldcontain">
    <label for="points">Points:</label>
    <input type="range" name="points" id="points" value="50" min="0" max="100">

亲自试一试

పరిమితిని నిర్ణయించడానికి క్రింది అంశాలను ఉపయోగించండి:

提示：సిక్కు స్లైడర్ విలువను ఉపదృష్టం చేయడానికి data-highlight="true" జోడించండి:

实例

<input type="range" data-hightlight="true">

亲自试一试

స్విచ్ స్విచ్

స్విచ్ స్విచ్ ఆన్/ఆఫ్ లేదా కాల్చు/తప్పక బటన్లకు సాధారణంగా ఉపయోగిస్తారు:

స్విచ్ సృష్టించడానికి, data-role="slider" యొక్క <select> ఎంపిక ఉపయోగించండి మరియు రెండు <option> ఎంపికలను జోడించండి:

实例

<form method="post" action="demoform.asp">
  <div data-role="fieldcontain">
    <label for="switch">Toggle Switch:</label>
    <select name="switch" id="switch" data-role="slider">
      <option value="on">On</option>

亲自试一试

提示：请使用 "selected" 属性来把选项之一设置为预选（突出显示）：

实例

亲自试一试