HTML DOM Input Number Objekt

Number-Objekt

Das Number-Objekt ist ein neues Objekt in HTML5.

Das Number-Objekt stellt das HTML <input type="number">-Element dar.

Anmerkung:Internet Explorer 9 und frühere Versionen unterstützen das Element <input type="number"> nicht.

Zugriff auf Number-Objekt

Sie können das <number>-Element erreichen, indem Sie getElementById() verwenden:

var x = document.getElementById("myNumber");

Probieren Sie es selbst aus

Hinweis:Sie können auch die Elemente des Formulars durchsuchen Elementsammlung , um auf das Number-Objekt zuzugreifen.

Erstellen Sie Number-Objekte

Sie können das <number>-Element erstellen, indem Sie die Methode document.createElement() verwenden:

var x = document.createElement("INPUT");
x.setAttribute("type", "number");

Probieren Sie es selbst aus

Attribute des Number-Objekts

Eigenschaften Beschreibung
autocomplete Legt oder gibt den Wert der autocomplete-Eigenschaft des number-Felds an.
autofocus Setzen oder geben Sie zurück, ob das number-Feld nach dem Laden der Seite automatisch in den Fokus gelangen soll.
defaultValue Setzen oder geben Sie den Standardwert des number-Felds zurück.
disabled Setzen oder geben Sie zurück, ob das number-Feld deaktiviert ist.
form Geben Sie einen Verweis auf das Formular zurück, das das number-Feld enthält.
list Geben Sie einen Verweis auf das datalist, das das number-Feld enthält, zurück.
max Setzen oder geben Sie den Wert der max-Eigenschaft des number-Felds zurück.
min Setzen oder geben Sie den Wert der min-Eigenschaft des number-Felds zurück.
name Setzen oder geben Sie den Wert der name-Eigenschaft des number-Felds zurück.
placeholder Setzen oder geben Sie den Wert der placeholder-Eigenschaft des number-Felds zurück.
readOnly Setzen oder geben Sie zurück, ob das number-Feld schreibgeschützt ist.
required Setzen oder geben Sie zurück, ob das number-Feld vor dem Absenden des Formulars ausgefüllt werden muss.
step Setzen oder geben Sie den Wert der step-Eigenschaft des number-Felds zurück.
type Geben Sie den Formularelementtyp des number-Felds zurück.
value Setzen oder geben Sie den Wert der value-Eigenschaft des number-Felds zurück.

Input Number Objektmethoden

Methode Beschreibung
select() Wählen Sie den Inhalt des number-Textfelds aus.
stepDown() Verringern Sie den Wert des number-Felds um die angegebene Zahl.
stepUp() Erhöhen Sie den Wert des number-Felds um die angegebene Zahl.

Standardeigenschaften und Ereignisse

Das Number-Objekt unterstützt StandardsEigenschaftenundEreignisse.

Verwandte Seiten

HTML-Tutorial:HTML-Formular

HTML-Referenzhandbuch:HTML <input> Tag

HTML-Referenzhandbuch:HTML <input> type Eigenschaft