HTML DOM Input TextObjekt
Input Text-Objekt
Das Input-Text-Objekt repräsentiert ein HTML-<input>-Element mit type="text".
Zugriff auf das Input-Text-Objekt
Sie können mit getElementById() auf das <input>-Element mit type="text" zugreifen:
var
x = document.getElementById("myText");
Selbst ausprobieren
Tipp:Ebenso können Sie die formelements-Sammlung aufrufen, um auf das Input-Text-Objekt zuzugreifen.
Ein Input-Text-Objekt erstellen
Sie können ein <input>-Element mit type="text" mithilfe der Methode document.createElement() erstellen:
var x = document.createElement("INPUT");
x.setAttribute("type", "text"); Probieren Sie es selbst aus
x.setAttribute("type", "text"); Probieren Sie es selbst aus
Eigenschaften des Input-Text-Objekts
= Neu in HTML5.
| Eigenschaft | Beschreibung |
|---|---|
| autocomplete | Legt den Wert des autocomplete-Attributs des Textfelds fest oder gibt ihn zurück |
| autofocus | Legt fest oder gibt zurück, ob das Textfeld nach dem Laden der Seite automatisch den Fokus erhält |
| defaultValue | Legt den Standardwert des Textfelds fest oder gibt ihn zurück |
| disabled | Legt fest oder gibt zurück, ob das Textfeld deaktiviert ist |
| Form | Gibt eine Referenz auf das Formularobjekt zurück, das das Textfeld enthält |
| Liste | Gibt eine Referenz auf das Optionslistenobjekt zurück, das das Textfeld enthält |
| maxLength | Legt die maximale Anzahl von Zeichen im Textfeld fest oder gibt sie zurück |
| name | Legt den Namen des Textfelds fest oder gibt ihn zurück |
| pattern | Legt den Wert des pattern-Attributs des Textfelds fest oder gibt ihn zurück |
| placeholder | Legt den Wert des placeholder-Attributs des Textfelds fest oder gibt ihn zurück |
| readOnly | Legt fest oder gibt zurück, ob das Textfeld schreibgeschützt sein soll |
| required | Legt fest oder gibt zurück, ob das Textfeld ausgefüllt werden muss, bevor ein Formular übermittelt wird |
| size | Legt den Wert des size-Attributs des Textfelds fest oder gibt ihn zurück |
| type | Gibt den Formularelementtyp des Textfelds zurück |
| value | Legt den Wert des value-Attributs des Textfelds fest oder gibt ihn zurück |
Methoden des Input-Text-Objekts
| Methode | Beschreibung |
|---|---|
| blur() | Entfernt den Fokus vom Textfeld |
| focus() | Setzt den Fokus auf das Textfeld |
| select() | Markiert den Inhalt des Textfelds |
Standardeigenschaften und -ereignisse
Das Input-Text-Objekt unterstützt außerdem Standard-AttributeundEreignisse。
Verwandte
HTML-Tutorial:HTML-Formulare
HTML-Referenzhandbuch:HTML-<input>-Tag
HTML-Referenzhandbuch:HTML-<input>-type-Attribut
Andere Erweiterungen