Einzeiliges Textfelder
Einzeilige Textfelder werden durch ein INPUT-Tag mit dem Attribut TYPE="text" dargestellt.
Wird bei einem INPUT-Tag kein Typ angegeben, wird "text" als Standard angenommen.
Input-Attribut: NAME - Eingabefeld-Name
Alle Felder werden durch ihren Namen unterschieden, beachten Sie daher unbedingt jedem Feld einen individuellen Namen innerhalb eines Formulares zu geben.
Ein Name enthält einfache Buchstaben und Zahlen, er beginnt immer mit einem Buchstaben.
Wird das Name-Attribut nicht angegeben, wird das Eingabefeld es nicht an dem Webserver übermittelt!
<input name="feld123" /> .. ohne Type-Attribut
<input type="text" name="feld123" /> .. mit Type-AttributResultat:
.. ohne Type-Attribut
.. mit Type-Attribut
Im PHP Umfeld werden Eingabefelder häufig in der Form name="feld[123]" benannt. Dabei ist wichtig, dass eckige Klammern immer an das Ende geschrieben werden. Natürlich können hier auch mehrere eckige Klammern hintereinander definiert werden, zum Beispiel name="feld[1][2][3]". Zwischen und nach diesen Klammern dürfen keine weitere Zeichen folgen.
Je nach verwendeter Programmiersprache kann diese Regel abweichen.
Input-Attribut: VALUE - Standardwert
In diesem Feld kann eine Standardeingabe bereits zum Formularbeginn gesetzt werden. Sie wird dem Formularnutzer also sofort eingebendet und kann von ihm angepasst werden.
<input type="text" value="Das ist die Standardeingabe" />Es handelt sich hier um ein einzeiliges Textfeld, Zeilenumbrüche sind also nicht möglich.
Input-Attribut: SIZE - Eingabefeld-Größe
Definieren Sie mit diesem Attribut die Feldgröße, also ob ein Feld zum Beispiel 4, 10, 20, usw. Zeichen breit ist.
Das Size-Attribut definiert die sichtbare größe eines Feldes, aber nicht der Eingabemenge.
10 Zeichen: <input type="text" size="10" />
20 Zeichen: <input type="text" size="20" />Resultat:
10 Zeichen:
20 Zeichen:
Input-Attribut: MAXLENGTH - Inhalts-Begrenzung
Mit diesem Attributkann die Feldeingabe im Browser limitiert werden. Ein Benutzer kann also nur diese Menge an Zeichen eingeben.
Beachten Sie, das es sich hier um eine Client-Seitige Prüfung handelt. Da sie im Browser durchgeführt wird, kann durchaus ein größerer Inhalt an den Server übermittelt werden. Es handelt sich hier also lediglich um eine Richtlinie, nicht um ein Sicherheits-Einstellung!
Maximal 10 Zeichen: <input type="text" maxlength="10" />
Maximal 20 Zeichen: <input type="text" maxlength="20" />Resultat:
Maximal 10 Zeichen:
Maximal 20 Zeichen:
Input-Attribut: READONLY - Schreibschutz, nur lesen
Das Attribut sperrt ein Feld. Es kann nur gelesen werden, der Benutzer kann den Inhalt nicht ändern. Der darzustellende Inhalt wird im Value-Attribut hinterlegt.
Häufig wird das Attribute bei Feldern genutzt, die lediglich Zwischenergebnisse repräsentieren sollen. Deren Nutzung für die weitere Formularverarbeitung also nicht notwendig ist.
Beachten Sie, das es sich hier um eine Client-Seitige Prüfung handelt. Da sie im Browser durchgeführt wird, kann durchaus ein geänderter Inhalt an den Server übermittelt werden. Es handelt sich hier also lediglich um eine Richtlinie, nicht um ein Sicherheits-Einstellung!
HTML Variante:
<input type="text" value="anzuzeigender Inhalt" readonly>
XHTML Variante:
<input type="text" value="anzuzeigender Inhalt" readonly="readonly" />Resultat:
Wenn ein Readonly-Feld nicht an den Webserver übermittelt werden muss, muss kein Feldname angegeben werden. Das Attribut "name" ist in einem solchen Fall also nicht erforderlich.
Zusammenfassung
Alle Attribute werden in einem Input-Feld angegeben. Die Attribut-Reihenfolge kann frei variiert werden.
Beispiele
<input name="feld" />
<input type="text" name="feld1" />
<input type="text" name="feld2" value="Standardeingabe"/>
<input type="text" name="feld3" value="Standardeingabe"/>
<input type="text" name="feld[1]" value="Standardeingabe" size="10"/>
<input type="text" name="feld[2][3]" value="Standardeingabe" size="10" maxlength="100"/>
<input type="text" value="anzuzeigender Inhalt" readonly="readonly" />- Login to post comments
