Derniers tutoriels de développement web
 

DOM HTML entrée Plage objet


Plage d'entrée objet

L'objet Plage d'entrée est nouvelle en HTML5.

L'objet de la plage d'entrée représente une balise HTML <input> élément de type = "range".

Remarque: <input> éléments de type = "range" ne sont pas pris en charge dans Internet Explorer 9 et les versions antérieures.

Accès à une plage d'entrée objet

Vous pouvez accéder à une <input> élément avec type = « plage » en utilisant getElementById() :

Exemple

var x = document.getElementById("myRange");
Essayez vous - même »

Astuce: Vous pouvez également accéder à <input type="range"> en effectuant une recherche par la éléments collection d'une forme.

Créer un objet Plage d'entrée

Vous pouvez créer un <input> élément avec type = « plage » en utilisant le document. createElement() document. createElement() méthode:

Exemple

var x = document.createElement("INPUT");
x.setAttribute("type", "range");
Essayez vous - même »

Plage d'entrée Propriétés de l'objet

Propriété La description
autocomplete Définit ou retourne la valeur de la autocomplete - autocomplete attribut d'un contrôle de curseur
autofocus Définit ou retourne si un contrôle de curseur devrait se concentrer automatiquement lorsque le chargement de la page
defaultValue Définit ou retourne la valeur par défaut d'un contrôle de curseur
disabled Définit ou retourne si un contrôle de curseur est désactivé, ou non
form Renvoie une référence à la forme qui contient le contrôle du curseur
list Renvoie une référence à l'datalist qui contient le contrôle du curseur
max Définit ou retourne la valeur du max attribut du contrôle du curseur
min Définit ou retourne la valeur de l' min attribut du contrôle du curseur
name Définit ou retourne la valeur du name attribut d'un contrôle de curseur
step Définit ou retourne la valeur de l' step attribut du contrôle du curseur
type Retours quel type d'élément de forme le curseur de contrôle est
value Définit ou retourne la valeur de la value attribut d'un contrôle de curseur

Plage d'entrée Object Méthodes

méthode La description
stepDown() Décrémente la valeur de la commande de curseur par un nombre spécifié
stepUp() Incrémente la valeur de la commande de curseur par un nombre spécifié

Propriétés standard et événements

L'objet Plage d'entrée prend également en charge les standards propriétés et événements .


Pages associées

Tutoriel HTML: formulaires HTML

Référence HTML: HTML <input> balise

Référence HTML: HTML <input> attribut type