HTML/Formulare/input/Attribute

Aus SELFHTML-Wiki
< HTML | Formulare | input(Weitergeleitet von Step)
Wechseln zu: Navigation, Suche

Auf dieser Seite werden einige der Attribute von Eingabefeldern vorgestellt.

Inhaltsverzeichnis

[Bearbeiten] size

Mit dem size-Attribut können Sie bei den Typen text, search, tel, url, email, oder password die Länge in Zeichen festlegen, bei anderen Typen wird es ignoriert.

Beachten Sie: Der Wert muss größer als 0 sein, falls kein Wert angegeben wird, wird der Standardwert 20 verwendet.

[Bearbeiten] readonly, disabled

Das readonly-Attribut legt fest, dass der vorgeschlagene Wert nur ausgelesen und nicht verändert werden kann.

  • Android
  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari

Folgende Werte sind möglich:

  • true: Es kann nur gelesen werden
  • false: Der Wert des Eingabefeldes kann verändert werden.
Beispiel: Textvorbelegung mit placeholder
<form action="anmeldung.asp">
  <label for="email">Email: </label><input type="text" name="email">
  <label for="land">Land:   </label><input type="text" name="land" value="Deutschland" readonly>
  <button type="submit">Anmelden</button>
</form>

Dass readonly-Attribut kann gesetzt werden, um Nutzer davon abzuhalten den Wert des Eingabefeldes zu verändern, bevor eine bestimmte Bedingung (wie das Ankreuzen einer Checkbox mit z.B. einer AGB) erfüllt ist. Falls die Bedingung erfüllt ist, kann das Attribut mit der JavaScript-Eigenschaft elements.readOnly geändert werden.

Sie können Elemente in Formularen mit disabled ausgrauen, um zu signalisieren, dass das Element im aktuellen Zusammenhang ohne Bedeutung ist. Ausgegraute Elemente werden auch bei Tabulator-Sprüngen übergangen.

[Bearbeiten] min, max

Mit dem min bzw. max-Attributen legen Sie bei numerischen oder Datums- und Zeitangaben einen Mindest- bzw. Maximalwert fest.

Beachten Sie: Der min-Wert darf nicht höher als der maximale, der max-Wert nicht niedriger als der minimale Wert sein.


[Bearbeiten] step

Das step-Attribut legt fest, in welchen Schritten eine numerische oder Datums- und Zeitangabe eingegeben werden kann. Der Wert any bedeutet, dass es keine Schrittweite gibt, also jeder Wert eingegeben werden kann.

Beachten Sie: Falls kein Wert angegeben wird, werden Vielfache des Mindestwerts verwendet.

[Bearbeiten] list

Das list-Attribut verknüpft ein Suchfeld mit einer Liste möglicher Suchbegriffe in einem datalist-Element. Der Wert des list-Attribut muss der id des datalist-Elements entsprechen.


[Bearbeiten] multiple

Mit dem multiple-Attribut können Sie bei Datei-Uploads und Emaileingaben mehrfache Eingaben vornehmen.

Meine Werkzeuge
Namensräume

Varianten
Aktionen
Übersicht
Index
Mitmachen
Werkzeuge
Spenden
SELFHTML