Objek Input Range DOM HTML

Objek Input Range

Objek Input Range adalah objek baru di HTML5.

Objek Input Range mewakili elemen HTML <input type="range">.

Keterangan:Internet Explorer 9 dan versi yang lebih awal tidak mendukung elemen <input type="range">.

Akses Objek Input Range

Anda dapat mengakses elemen <input type="range"> menggunakan getElementById():

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

Coba Sendiri

Petunjuk:Anda juga dapat melacak formulir melalui Koleksi elements untuk mengakses Objek Input Range.

Buat Objek Input Range

Anda dapat membuat elemen <input type="range"> dengan menggunakan metode document.createElement():

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

Coba Sendiri

Atribut Objek Input Range

Atribut Deskripsi
autocomplete Atur atau kembalikan nilai atribut autocomplete troli.
autofocus Atur atau kembalikan apakah troli harus mengambil fokus otomatis setelah halaman dimuat.
defaultValue Atur atau kembalikan nilai default troli.
disabled Atur atau kembalikan apakah troli di nonaktifkan.
form Kembalikan referensi ke formulir yang mengandung troli.
list Kembalikan referensi ke datalist yang mengandung troli.
max Atur atau kembalikan nilai atribut max troli.
min Atur atau kembalikan nilai atribut min troli.
name Atur atau kembalikan nilai atribut name troli.
step Atur atau kembalikan nilai atribut step troli.
type Kembalikan tipe elemen formulir troli.
value Atur atau kembalikan nilai atribut value troli.

Metode Objek Input Range

Metode Deskripsi
stepDown() Kurangi nilai troli berdasarkan angka yang ditentukan.
stepUp() Tingkatkan nilai troli berdasarkan angka yang ditentukan.

Atribut dan Peristiwa Standar

Objek Input Range mendukung standarAtributdanPeristiwa.

Halaman Terkait

Panduan HTML:Form HTML

Panduan Referensi HTML:Tanda <input> HTML

Panduan Referensi HTML:Atribut type <input> HTML