Cách sử dụng input type range trong HTML

Kiểu <input type="range"> tạo thanh trượt (slider) chọn giá trị trong khoảng. Mặc định 0–100. Dùng min, max, step để tùy chỉnh.

Ví dụ

Thanh trượt chọn điểm dừng cài đặt (0–50):

<!DOCTYPE html>
<html>
<head>
<title>HTML input range</title>
</head>
<body>
<form action="" method="get">
  Chọn điểm cài đặt dừng:<br><br>
  <input type="range" name="point" min="0" max="50"><br>
  <input type="submit" value="Gửi">
</form>
</body>
</html>

Mẹo: Kết hợp <output> hiển thị giá trị real-time: <output for="point"></output> và oninput="output.value=point.value" trên form.