Invoer Tekstwaarde Eigenschap
Voorbeeld
De waarde van een tekstveld wijzigen:
document.getElementById("myText").value = "Johnny Bravo";
Definitie en gebruik
Met de eigenschap value wordt de waarde van het kenmerk value van een tekstveld ingesteld of geretourneerd.
De eigenschap value bevat de standaardwaarde OF de waarde die een gebruiker typt (of een waarde die is ingesteld door een script).
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
value | Yes | Yes | Yes | Yes | Yes |
Syntaxis
Retourneer de eigenschap value:
textObject.value
Stel de eigenschap value in:
textObject.value = text
Eigendomswaarden
Value | Description |
---|---|
text | Specifies the value of the input text field |
Technische details
Winstwaarde: | Een tekenreeks, die de waarde van het tekstveld vertegenwoordigt |
---|
Meer voorbeelden
Voorbeeld
De waarde van een tekstveld ophalen:
var x = document.getElementById("myText").value;
Voorbeeld
Formulier validatie:
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;
}
Voorbeeld
Vervolgkeuzelijst in een formulier:
var mylist = document.getElementById("myList");
document.getElementById("favorite").value = mylist.options[mylist.selectedIndex].text;
Voorbeeld
Nog een vervolgkeuzelijst:
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;
Voorbeeld
Een voorbeeld dat het verschil laat zien tussen de eigenschap defaultValue en value:
var x = document.getElementById("myText");
var defaultVal = x.defaultValue;
var currentVal = x.value;
Gerelateerde pagina's
HTML-referentie: HTML <input>-waardekenmerk
❮ Invoertekstobject