HTML DOM -invoertekstobject
Invoertekstobject
Het Input Text-object vertegenwoordigt een HTML <input>-element met type="text".
Toegang tot een invoertekstobject
U kunt toegang krijgen tot een <input>-element met type="text" door getElementById() te gebruiken:
Voorbeeld
var x = document.getElementById("myText");
Tip: U kunt ook toegang krijgen tot <input type="text"> door te zoeken in de elementenverzameling van een formulier.
Een invoertekstobject maken
U kunt een <input>-element maken met type="text" met behulp van de document.createElement()-methode:
Voorbeeld
var x = document.createElement("INPUT");
x.setAttribute("type", "text");
Eigenschappen van invoertekstobject
Property | Description |
---|---|
autocomplete | Sets or returns the value of the autocomplete attribute of a text field |
autofocus | Sets or returns whether a text field should automatically get focus when the page loads |
defaultValue | Sets or returns the default value of a text field |
disabled | Sets or returns whether the text field is disabled, or not |
form | Returns a reference to the form that contains the text field |
list | Returns a reference to the datalist that contains the text field |
maxLength | Sets or returns the value of the maxlength attribute of a text field |
name | Sets or returns the value of the name attribute of a text field |
pattern | Sets or returns the value of the pattern attribute of a text field |
placeholder | Sets or returns the value of the placeholder attribute of a text field |
readOnly | Sets or returns whether a text field is read-only, or not |
required | Sets or returns whether the text field must be filled out before submitting a form |
size | Sets or returns the value of the size attribute of a text field |
type | Returns which type of form element a text field is |
value | Sets or returns the value of the value attribute of the text field |
Methoden voor invoertekstobject
Method | Description |
---|---|
blur() | Removes focus from a text field |
focus() | Gives focus to a text field |
select() | Selects the content of a text field |
Standaard eigenschappen en evenementen
Het Input Text - object ondersteunt ook de standaard eigenschappen en gebeurtenissen .
Gerelateerde pagina's
HTML-zelfstudie: HTML-formulieren
HTML-referentie: HTML <input>-tag
HTML-referentie: HTML <input> type attribuut