Mit Hilfe des <input> - Elements ist es möglich, innerhalb eines Formulares, so genannte Formularfelder zu erstellen. Mögliche Formularfelder sind: Radio-Buttons, Checkboxen, Auswahllisten, Buttons zum Absenden, Textfelder, usw. Die Art des Formularfelds wird im Attribut "type" bestimmt.
Feld für Datei-Upload: type="file" Feld für Texteingabe: type="text" Feld für einen Button: type="button" Feld für einen Bestätigungsbutton: type="submit" Feld für einen Resetbutton: type="reset" Checkbox zum aktivieren o. deaktivieren: type="checkbox" Verstecktes Feld: type="hidden" Feld für Button mit Bild als Inhalt: type="image" Passwort-Feld: type="password" Radio-Feld zum aktivieren: type="radio"
Syntax:
Beispiel:
Attribut | Wert | Beschreibung |
---|---|---|
dir="[1]"
|
[1]:
ltr | rtl
|
Spezifiziert die Richtung des Textes. Mögliche Werte sind: LTR: Left-to-right text - RTL: Right-to-left text. |
accept="[1]"
|
[1]:
MIME-Typ
|
Dieses Attribut wird meistens zum erstellen von Dateiupload Formularen verwendet. Man kann mit diesem Attribut aber generell MIME-Typen festlegen. Im Beispiel mit dem besagten Dateiupload Formular, könnte man also definieren, welche Dateitypen geuploadet werden dürfen und welche nicht. |
accesskey="[1]"
|
[1]:
Shortcut
|
Mit diesem Attribut kann man Zeichen auf der Tastatur bestimmen, mit welchen der Verweis direkt anspringbar wird. |
align="[1]"
|
[1]:
top | middle | bottom | left | center | right
|
Bestimmt die Ausrichtung des Elements. (Standard ist in allen Browsern: left) |
alt="[1]"
|
[1]:
Zusatzinformation
|
Mit diesem Attribut ist es möglich, in das Element zusätzliche Informationen einzugeben. |
class="[1]"
|
[1]:
Kategoriename
|
Ordnet einem Element einen Kategorienamen zu. Jedes Element im entsprechenden Dokument kann den gleichen Kategorienamen besitzen. Mehrfache Kategorienamen müssen durch Leerzeichen getrennt werden. |
disabled="[1]"
|
[1]:
disabled
|
Deaktiviert das entsprechende Element, in welchem das Attribut steht. |
id="[1]"
|
[1]:
ID
|
Ordnet einem Element einen Namen zu. Dieser Name muss im entsprechenden Dokument einzigartig sein. |
lang="[1]"
|
[1]:
Wert
|
Gibt die Sprache der Attributwerte eines Elements und des Textinhalts an. Der Standard-Wert des Attributes ist vom Browser abhängig. |
name="[1]"
|
[1]:
Bezeichnung
|
Bestimmt den Namen des Elemtents (z.B. bei <a> den Ankername). |
onblur="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion beim Verlassen bzw. Deaktivieren des jeweiligen Elements aus. |
onclick="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion beim Anklicken des jeweiligen Elements aus. |
ondblclick="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion beim Doppelklicken auf das jeweilige Element aus. |
onfocus="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion beim Aktivieren des jeweiligen Elements aus. |
onkeydown="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion beim drücken einer festgelegten Taste aus. |
onkeypress="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion aus, wenn eine festgelegte Tast gedrückt und gehalten wird. |
onkeyup="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion, beim Loslassen einer festgelegten Taste, aus. |
onmousedown="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion aus, wenn der Anwender das Element anklickt und gedrückt hält. |
onmousemove="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion aus, wenn die Maus bewegt wird. |
onmouseout="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion aus, wenn die Maus das Element verlässt. Achtung: Kein Klick notwendig! |
onmouseover="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion beim Überfahren des Elements mit der Maus aus. |
onmouseup="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion aus, wenn der Anwender ein Element anklickt und „loslässt“. |
readonly
|
Definiert, dass ein Wert eines Elements nicht verändert werden kann. |
|
size="[1]"
|
[1]:
Schriftgröße
|
Bestimmt die Größe des darauf folgenden Text. |
src="[1]"
|
[1]:
URI
|
Definiert einen URI. |
style="[1]"
|
[1]:
Stylewerte
|
Spezifiziert die Style Informationen für das entsprechende Element. |
tabindex="[1]"
|
[1]:
Wert
|
Spezifiziert die Tabulatoren-Reihenfolge. Dieser Wert muß eine Zahl zwischen 0 und 32767 sein. |
title="[1]"
|
[1]:
Titeldefinition
|
Mit diesem Attribut ist es möglich, in das Element zusätzliche Informationen einzugeben. |
type="[1]"
|
[1]:
MIME-Typ
|
Bestimmt den MIME-Type des Verweisziels. Mögliche MIME-Typen sind: a (type), form (accept und enctype), input (accept), link (type, object (codetype und type), param (type), script (type) und style (type). |
usemap="[1]"
|
[1]:
URI/Anker
|
Definiert den URI bzw. den Ankernamen eines map-Elements. |
checked
|
Bestimmt bei einigen Formularfelder dass das jeweilige Element aktiviert bzw. ausgewählt ist. (bspw. bei Checkboxen) |
|
ismap
|
Definiert, dass das Objekt (z.B. eine Grafik) ein serverseitiges Handling für verweis-sensitive Flächen benutzt. |
|
maxlength="[1]"
|
[1]:
Zahl
|
Definiert die maximale Zeichanzahl in einem Element bzw. Objekt. |
onchange="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion, bei bereits erfolgter Änderung eines Elements, aus. |
onselect="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion, beim selektieren des Elements, aus. |
value="[1]"
|
[1]:
Text
|
Definiert ein voreingestellten Text in einem Element. (z.B. in einer Textarea oder in einem Input-Feld) |