Attribut value Input Text

Objet Text de DOM Input HTML

Définition et utilisation

value Définir ou retourner la valeur de l'attribut value du champ de texte.

L'attribut value de HTML contient une valeur par défaut ou une valeur d'entrée de l'utilisateur (ou une valeur définie par le script).

Veuillez également consulter :

Manuel de référence HTML :Attribut value de l'élément <input> HTML

Instance

Exemple 1

Changer la valeur du champ de texte :

document.getElementById("myText").value = "Bill Gates";

Essayez-le vous-même

D'autres exemples sont fournis en bas de la page.

Syntaxe

Retourner l'attribut value :

textObject.value

Définir l'attribut value :

textObject.value = text

Valeur de l'attribut

Valeur Description
text Définir la valeur du champ de texte d'entrée.

Détails techniques

Valeur de retour : La valeur de la chaîne, représentant la valeur du champ de texte.

Plus d'exemples

Exemple 2

Obtenir la valeur du champ texte :

var x = document.getElementById("myText").value;

Essayez-le vous-même

Exemple 3

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;
}

Essayez-le vous-même

Exemple 4

Liste déroulante dans le formulaire :

var mylist = document.getElementById("myList");
document.getElementById("favorite").value = mylist.options[mylist.selectedIndex].text;

Essayez-le vous-même

Exemple 5

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;

Essayez-le vous-même

Exemple 6

Exemple de différence entre les attributs defaultValue et value :

var x = document.getElementById("myText");
var defaultVal = x.defaultValue;
var currentVal = x.value;

Essayez-le vous-même

Compatibilité du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

Objet Text de DOM Input HTML