Biểu mẫu - Cuộn jQuery Mobile

Điều khiển thanh trượt jQuery Mobile

Thanh trượt cho phép bạn chọn giá trị từ một phạm vi số:

Nếu bạn muốn tạo thanh trượt, hãy sử dụng yếu tố <input type="range">:

Mô hình

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

Thử ngay

Sử dụng các thuộc tính sau để xác định giới hạn:

  • max - xác định giá trị lớn nhất cho phép
  • min - xác định giá trị nhỏ nhất cho phép
  • step - xác định khoảng cách số hợp lệ
  • value - xác định giá trị mặc định

Lưu ý:Nếu bạn muốn làm nổi bật phần đường dẫn của giá trị截止滑块, hãy thêm data-highlight="true":

Mô hình

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

Thử ngay

Chuyển đổi

Chuyển đổi thường được sử dụng cho các nút bật/tắt hoặc đúng/sai:

Nếu bạn muốn tạo chuyển đổi, hãy sử dụng yếu tố <select> với data-role="slider" và thêm hai yếu tố <option>:

Mô hình

<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>
      <option value="off">Off</option>
    </select>
  </div>
</form>

Thử ngay

Lưu ý:Hướng dẫn: Sử dụng thuộc tính "selected" để đặt một trong các tùy chọn làm tùy chọn được chọn trước (điểm nổi bật):

Mô hình

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

Thử ngay