HTML Tag input:
Eingabefeld im HTM Formular

von Thomas Salvador.

Beispiel

Das <input>-Element ist sehr flexibel. Hier nur ein einfaches Textfeld:

<input type="text" name="a" value="Ihr Name" size="30" maxlength="60" />

Anwendung

<input> wird verwendet, um Eingabemöglichkeiten für Formulare zu erzeugen. <input> erzeugt dabei die meisten möglichen Varianten von Eingabefeldern – welches wird mit type bestimmt.

Abhängig vom Typ variieren die Parameter und die Bedeutung der einzelnen Attribute, so daß ich Ihnen bei weiterführendem Interesse am ehesten einen Blick in mein Formular-Tutorial empfehle, welches sich systematisch damit beschäftigt.

Attribute

Der Tag <input> nutzt die HTML-Attribute:

AttributBeschreibung
acceptListe von akzeptierten Dateitypen
accesskeyZeichen für Shortkey
alignAusrichtung des Elementes
altAlternativbeschreibung input
checkedfür Radio-Buttons und Checkboxen
classSpace-separierte Liste von CSS-Klassen
dirAusrichtung von Text und Tabellen
disabledabgeschaltetes Element
idUniversalattribut
langSprache des Elementes
maxlengthmaximale Länge der Eingabe
nameName des input-Feldes
onblurAuszuführender Javascript-Code bei Fokusverlust
onchangeAuszuführender Javascript-Code bei Wertänderung
onclickAuszuführender Javascript-Code bei Klick
ondblclickAuszuführender Javascript-Code bei Doppelklick
onfocusAuszuführender Javascript-Code bei Fokuserhalt
onkeydownAuszuführender Javascript-Code bei Drücken einer Taste
onkeypressAuszuführender Javascript-Code bei gedrückt gehaltener Taste
onkeyupAuszuführender Javascript-Code bei Loslassen einer Taste
onmousedownAuszuführender Javascript-Code bei Drücken einer Maustaste
onmousemoveAuszuführender Javascript-Code, wenn die Maus bewegt wird
onmouseoutAuszuführender Javascript-Code, wenn die Maus das Element verlässt
onmouseoverAuszuführender Javascript-Code, wenn die Maus auf das Element bewegt wird
onmouseupAuszuführender Javascript-Code bei Loslassen einer Maustaste
onselectAuszuführender Javascript-Code bei Textselektierung
sizeBreiten bei input
srcGrafikurl für input
styleInline Style
titleBezeichnender Titel
typeTyp des Eingabefeldes
usemapclient-side Image Map nutzen
valueurspünglicher Wert bei input

Browserunterstützung

Der HTML-Befehl <input> wird zumindest von den HTML Browsern Avant Palm OS, Avant Windows, Chrome, Firefox, Internet Explorer, Netscape, Opera, Safari und Web TV / MSN verstanden.

Standards

Der Tag <input> wird in den Standards HTML und XHTML definiert.

Inhalte

<input> enthält keine HTML-Befehle.

Verwendung

<input> kann in der Anweisung <form> enthalten sein.

Hinweise

Neben <input> können weitere Eingabemöglichkeiten mit <textarea>, <select>, <option> und <button> erzeugt und mit <fieldset> und <optgroup> gruppiert werden.

Weitere Beispiele und Lösungen

Keine.