Input Text value Attribut
Definition und Verwendung
value
Einstellen oder Rückgabe des Wertes des Attributs value des Textfelds.
Das HTML-Attribut value enthält Standardwerte oder von Benutzern eingegebene Werte (oder von Skripten festgelegte Werte).
Siehe auch:
HTML-Referenzhandbuch:HTML <input> value-Attribut
Beispiel
Beispiel 1
Ändern Sie den Wert des Textfelds:
document.getElementById("myText").value = "Bill Gates";
Mehr Beispiele finden Sie unten auf der Seite.
Syntax
Rückgabe des Attributs value:
textObject.value
Setzen Sie das Attribut value:
textObject.value = text
Attributwert
Wert | Beschreibung |
---|---|
text | Geben Sie den Wert des Eingabeplaintextfelds an. |
Technische Details
Rückgabewert: | Zeichenkette, die den Wert des Textfelds darstellt. |
---|
Mehr Beispiele
Beispiel 2
Wert des Textfelds abrufen:
var x = document.getElementById("myText").value;
Beispiel 3
Formularvalidierung:
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;
Beispiel 4
Dropdown-Liste im Formular:
var mylist = document.getElementById("myList"); document.getElementById("favorite").value = mylist.options[mylist.selectedIndex].text;
Beispiel 5
Eine weitere Dropdown-Liste:
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;
Beispiel 6
Beispiel für die Unterschiede zwischen den Properties defaultValue und value:
var x = document.getElementById("myText"); var defaultVal = x.defaultValue; var currentVal = x.value;
Browser-Unterstützung
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Unterstützung | Unterstützung | Unterstützung | Unterstützung | Unterstützung |