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

Probieren Sie es selbst aus

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;

Probieren Sie es selbst aus

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;

Probieren Sie es selbst aus

Beispiel 4

Dropdown-Liste im Formular:

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

Probieren Sie es selbst aus

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;

Probieren Sie es selbst aus

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;

Probieren Sie es selbst aus

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung