Đối tượng Input Range DOM HTML

Đối tượng Input Range

Đối tượng Input Range là một đối tượng mới trong HTML5.

Đối tượng Input Range biểu thị phần tử HTML <input type="range">.

Chú thích:Trình duyệt Internet Explorer 9 và các phiên bản sớm hơn không hỗ trợ phần tử <input type="range">.

Truy cập vào đối tượng Input Range

Bạn có thể truy cập vào phần tử <input type="range"> bằng cách sử dụng hàm getElementById():

var x = document.getElementById("myRange");

Thử ngay

Lưu ý:Bạn cũng có thể duyệt qua Tập hợp elements để truy cập đối tượng Input Range.

Tạo đối tượng Input Range

Bạn có thể tạo yếu tố <input type="range"> bằng cách sử dụng phương pháp document.createElement():

var x = document.createElement("INPUT");
x.setAttribute("type", "range");

Thử ngay

Thuộc tính đối tượng Input Range

Thuộc tính Mô tả
autocomplete Đặt hoặc trả về giá trị thuộc tính autocomplete của điều khiển trượt.
autofocus Đặt hoặc trả về điều khiển trượt có nên tự động lấy tiêu điểm sau khi tải trang hay không.
defaultValue Đặt hoặc trả về giá trị mặc định của điều khiển trượt.
disabled Đặt hoặc trả về điều khiển trượt có bị vô hiệu hóa hay không.
form Trả về tham chiếu đến biểu mẫu chứa điều khiển trượt.
list Trả về tham chiếu đến datalist chứa điều khiển trượt.
max Đặt hoặc trả về giá trị thuộc tính max của điều khiển trượt.
min Đặt hoặc trả về giá trị thuộc tính min của điều khiển trượt.
name Đặt hoặc trả về giá trị thuộc tính name của điều khiển trượt.
step Đặt hoặc trả về giá trị thuộc tính step của điều khiển trượt.
type Trả về loại yếu tố biểu mẫu của điều khiển trượt.
value Đặt hoặc trả về giá trị thuộc tính value của điều khiển trượt.

Phương pháp của đối tượng Input Range

Phương pháp Mô tả
stepDown() Giảm giá trị của điều khiển trượt theo số nguyên định trước.
stepUp() Tăng giá trị của điều khiển trượt theo số nguyên định trước.

Thuộc tính và sự kiện tiêu chuẩn

Đối tượng Input Range hỗ trợ tiêu chuẩnThuộc tínhvàSự kiện.

Trang liên quan

Hướng dẫn HTML:Hình thức HTML

Tài liệu tham khảo HTML:Thẻ <input> HTML

Tài liệu tham khảo HTML:Thuộc tính type của <input> HTML