JavaScript/DOM/Document/forms/elements/value

Die Eigenschaft value speichert den Wert, der in einem Formularelement eingegeben wurde bzw. diesem zugewiesen ist.

Anwendbar auf:

• Klick-Buttons
• einzeilige Eingabefelder
• mehrzeilige Eingabefelder
• Checkboxen
• Radio-Buttons
• Auswahllisten

Anwendungsbeispiel

Beispiel ansehen …

	const browser = navigator.userAgent;
	document.querySelector('#browser').value = browser;
	document.querySelector('output').textContent += 'Sie verwenden den Browser <b>' + browser + '</b>!';

Das Beispiel enthält ein Formular, unter anderem mit einem versteckten Feld <input type="hidden">.

Im Script wird dem Wert des versteckten Formularfeldes document.querySelector('#browser').value der Browser-Typ des Anwenders (navigator.userAgent) zugewiesen. Dieser dynamisch erzeugte Formularinhalt wird mit übertragen, wenn der Anwender das Formular abschickt.

Im obigen Beispiel wird zur Demonstration der Wert des versteckten Feldes in das Dokument geschrieben.