ສະແມງ - ການຫຼຸດຄຳນວນ jQuery Mobile

jQuery Mobile 滑块控件

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

ສຳລັບທີ່ຈະສ້າງການຫຼຸດສູດ ບໍ່ບໍ່ໃຊ້ <input type="range">:

ບັນທຶກ

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

ການທົດລອງດ້ວຍຕົວເອງ

ນຳໃຊ້ປະເພດປະສົມປະສານດັ່ງຕໍ່ມາ ເພື່ອກຳນົດຄຳສັບ:

  • max - ກຳນົດຄຳສັບຄວາມສາມາດໃຫຍ່ທີ່ມີຄວາມສຳຄັນ
  • min - ກຳນົດຄຳສັບຄວາມສາມາດນ້ອຍທີ່ມີຄວາມສຳຄັນ
  • step - ກຳນົດຄຳສັບຄວາມສາມາດກະທົບ
  • value - ກຳນົດຄຳສັບຄົງທີ່ມີຄວາມສຳຄັນ

ຄົ້ນຄວ້າ:ຖ້າເຈົ້າຕ້ອງການສະແດງຕົວຂອງຕົວຄຳສັບຂອງການຫຼຸດສູດຄຳສັບ ສຳລັບການຫຼຸດສູດຄຳສັບ ບໍ່ບໍ່ໃຊ້ data-highlight="true":

ບັນທຶກ

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

ການທົດລອງດ້ວຍຕົວເອງ

ການປ່ຽນປ່ຽນຕັ້ງ

ການປ່ຽນປ່ຽນຕັ້ງຂອງຕັ້ງໃຊ້ສຳລັບ ການເປີດ/ປິດ ຫຼື ການຕັ້ງໃຊ້/ບໍ່ຕັ້ງໃຊ້:

ສຳລັບທີ່ຈະສ້າງການປ່ຽນປ່ຽນຕັ້ງ ບໍ່ບໍ່ໃຊ້ <select> ຂອງ data-role="slider" ແລະ ສວນ <option> ສອງໆ:

ບັນທຶກ

<form method="post" action="demoform.asp">
  <div data-role="fieldcontain">
    <label for="switch">ການປ່ຽນປ່ຽນຕັ້ງ:</label>
    <select name="switch" id="switch" data-role="slider">
      <option value="on">ຢູ່</option>
      <option value="off">Off</option>
    </select>
  </div>
</form>

ການທົດລອງດ້ວຍຕົວເອງ

ຄົ້ນຄວ້າ:ຄົ້ນຄວ້າ: ນຳໃຊ້ຄວາມ "selected" ເພື່ອຕິດຕັ້ງເລື່ອງບາງໜຶ່ງເປັນເລື່ອງທີ່ໄດ້ແກ້ວ (ສະແດງເລື່ອງ):

ບັນທຶກ

<option value="off" selected>Off</option>

ການທົດລອງດ້ວຍຕົວເອງ