Oggetto Input Range DOM HTML

Oggetto Input Range

L'oggetto Input Range è un nuovo oggetto di HTML5.

L'oggetto Input Range rappresenta l'elemento HTML <input type="range">.

Nota:Internet Explorer 9 e versioni precedenti non supportano l'elemento <input type="range">.

Accedi all'oggetto Input Range

Puoi accedere all'elemento <input type="range"> utilizzando getElementById():

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

Prova tu stesso

Suggerimento:Puoi anche esplorare i form Raccolta elements per accedere all'oggetto Input Range.

Creazione dell'oggetto Input Range

Puoi creare un elemento <input type="range"> utilizzando il metodo document.createElement():

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

Prova tu stesso

Proprietà dell'oggetto Input Range

Proprietà Descrizione
autocomplete Imposta o restituisce il valore dell'attributo autocomplete del controllo slider.
autofocus Imposta o restituisce se il controllo slider dovrebbe ottenere automaticamente l'intera pagina caricata.
defaultValue Imposta o restituisce il valore predefinito del controllo slider.
disabled Imposta o restituisce se il controllo slider è disabilitato.
form Restituisce un riferimento al form che contiene il controllo slider.
list Restituisce un riferimento al datalist che contiene il controllo slider.
max Imposta o restituisce il valore dell'attributo max del controllo slider.
min Imposta o restituisce il valore dell'attributo min del controllo slider.
name Imposta o restituisce il valore dell'attributo name del controllo slider.
step Imposta o restituisce il valore dell'attributo step del controllo slider.
type Restituisce il tipo di elemento form del controllo slider.
value Imposta o restituisce il valore dell'attributo value del controllo slider.

Metodi dell'oggetto Input Range

Metodo Descrizione
stepDown() Decrementa il valore del controllo slider secondo un numero specificato.
stepUp() Incrementa il valore del controllo slider secondo un numero specificato.

Proprietà e eventi standard

L'oggetto Input Range supporta gli standardProprietàeEventi.

Pagine correlate

Tutorial HTML:Form HTML

Manuale di riferimento HTML:Etichetta <input> HTML

Manuale di riferimento HTML:Proprietà type dell'elemento <input> HTML