Valeur de texte d'entrée Propriété
Exemple
Modifier la valeur d'un champ de texte :
document.getElementById("myText").value = "Johnny Bravo";
Définition et utilisation
La propriété value définit ou renvoie la valeur de l'attribut value d'un champ de texte.
La propriété value contient la valeur par défaut OU la valeur saisie par un utilisateur (ou une valeur définie par un script).
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
value | Yes | Yes | Yes | Yes | Yes |
Syntaxe
Renvoyez la propriété value :
textObject.value
Définissez la propriété value :
textObject.value = text
Valeurs de propriété
Value | Description |
---|---|
text | Specifies the value of the input text field |
Détails techniques
Valeur de retour : | Une chaîne, représentant la valeur du champ de texte |
---|
Plus d'exemples
Exemple
Obtenez la valeur d'un champ de texte :
var x = document.getElementById("myText").value;
Exemple
Validation du formulaire :
var at = document.getElementById("email").value.indexOf("@");
var age = document.getElementById("age").value;
var fname = document.getElementById("fname").value;
submitOK = "true";
if (fname.length > 10) {
alert("The name may have no more than 10 characters");
submitOK = "false";
}
if (isNaN(age) || age < 1 || age > 100) {
alert("The age must be a number between 1 and 100");
submitOK = "false";
}
if (at == -1) {
alert("Not a valid e-mail!");
submitOK = "false";
}
if (submitOK == "false") {
return false;
}
Exemple
Liste déroulante dans un formulaire :
var mylist = document.getElementById("myList");
document.getElementById("favorite").value = mylist.options[mylist.selectedIndex].text;
Exemple
Une autre liste déroulante :
var no = document.getElementById("no");
var option = no.options[no.selectedIndex].text;
var txt = document.getElementById("result").value;
txt = txt + option;
document.getElementById("result").value = txt;
Exemple
Un exemple qui montre la différence entre les propriétés defaultValue et value :
var x = document.getElementById("myText");
var defaultVal = x.defaultValue;
var currentVal = x.value;
Pages connexes
Référence HTML : attribut de valeur HTML <input>
❮ Objet de saisie de texte