Derniers tutoriels de développement web
 

Input Text value Property

<Text Input Object

Exemple

Modifiez la valeur d'un champ de texte:

document.getElementById("myText").value = "Johnny Bravo";
Essayez vous - même »

Définition et utilisation

Les ensembles de propriétés de valeur ou retourne la valeur de la value attribut d'un champ de texte.

La propriété de valeur contient la valeur par défaut ou la valeur d' un utilisateur tape (or a value set by a script) .


Support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propriété de valeur est prise en charge dans tous les principaux navigateurs.


Syntaxe

Retourne la propriété de valeur:

textObject .value

Définissez la propriété de valeur:

textObject .value= Valeurs de propriété
Valeur La description
text Indique la valeur du champ de saisie de texte

Détails techniques

Valeur de retour: Une chaîne, ce qui représente la valeur du champ texte

autres exemples

Exemple

Obtenez la valeur d'un champ de texte:

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

Le résultat de x sera:

Mickey
Essayez vous - même »

Exemple

La validation des formulaires:

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 vous - même »

Exemple

liste déroulante sous une forme:

var mylist = document.getElementById("myList");
document.getElementById("favorite").value = mylist.options[mylist.selectedIndex].text;
Essayez vous - même »

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;
Essayez vous - même »

Exemple

Un exemple qui montre la différence entre la defaultValue et la propriété de valeur:

var x = document.getElementById("myText");
var defaultVal = x.defaultValue;
var currentVal = x.value;
Essayez vous - même »

Pages associées

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


<Text Input Object