Neueste Web-Entwicklung Tutorials
 

HTML DOM Eingangstextobjekt


Eingabetextobjekt

Das Eingabetext - Objekt stellt ein HTML <input> Element mit type = "text".

Zugriff auf ein Texteingabeobjekt

Sie können einen Zugriff auf <input> Element mit type = "text" unter Verwendung von getElementById() :

Beispiel

var x = document.getElementById("myText");
Versuch es selber "

Tipp: Sie können auch Zugriff auf <input type="text"> indem Sie durch die Suche Elemente Sammlung eines Formulars.

Erstellen Sie ein Texteingabeobjekt

Sie können einen erstellen <input> Element mit type = „text“ unter Verwendung des document. createElement() document. createElement() Methode:

Beispiel

var x = document.createElement("INPUT");
x.setAttribute("type", "text");
Versuch es selber "

Texteingabeobjekteigenschaften

= Eigenschaft hinzugefügt in HTML5.

Eigentum Beschreibung
autocomplete Setzt oder gibt den Wert des autocomplete - Attribut eines Textfeldes
autofocus Setzt oder gibt zurück, ob ein Textfeld automatisch scharf eingestellt werden, wenn die Seite geladen wird
defaultValue Setzt oder gibt den Standardwert eines Textfeldes
disabled Setzt oder gibt zurück, ob das Textfeld deaktiviert ist, oder nicht
form Gibt einen Verweis auf das Formular, das das Textfeld enthält
list Gibt einen Verweis auf die Datenliste, die das Textfeld enthält
maxLength Setzt oder gibt den Wert des maxlength Attribut eines Textfeldes
name Setzt oder gibt den Wert des name Attribut eines Textfeldes
pattern Setzt oder gibt den Wert des pattern Attribut eines Textfeldes
placeholder Setzt oder gibt den Wert des placeholder - Attribut eines Textfeldes
readOnly Setzt oder gibt zurück, ob ein Textfeld schreibgeschützt ist oder nicht
required Setzt oder gibt zurück, ob das Textfeld müssen ausgefüllt werden, bevor ein Formular abgeschickt
size Setzt oder gibt den Wert der size Attribut eines Textfeldes
type Returns, welche Art von Formularelement ein Textfeld ist
value Setzt oder gibt den Wert des value des Textfeldes

Standardeigenschaften und Events

Das Texteingabeobjekt unterstützt auch die Standard - Eigenschaften und Ereignisse .


Verwandte Seiten

HTML - Tutorial: HTML - Formulare

HTML - Referenz: HTML <input> -Tag

HTML - Referenz: HTML <input> type - Attribut