HTML - Textfelder

  »   HTML  »   HTML Tutorial - Textfelder Maxlength, Größe, Wert

Textfelder werden als Formulare auftreten. Diese werden mit Hilfe einer Programmiersprache verarbeitet, die meistens ASP, PERL oder PHP ist.

Zusätzliche Attribute, die zur Formatierung der Textfelder verwendet werden:

  • size - um die Feldgröße festzulegen
  • value - um einen vordefinierten Wert festzulegen
  • maxlength - um die maximalen Zeichen festzulegen, die durch den Benutzer eingegeben werden können

Wir werden jeden davon veranschaulichen.

HTML - Die Textfeldgröße

Das size Attribut legt die Textfeldlänge fest. Die Standardlänge eines Textfeldes ist in der Regel zwischen 20 bis 25 Zeichen, aber es kann abhängig vom Zweck der Formulare oder Textfelder variieren.

html<p><input type="text" size="5" /></p>

<p><input type="text" size="15" /></p>

<p><input type="text" size="25" /></p>

Demo

HTML - Ein weiteres Attribut ist value

Mit Hilfe dieses Attributs machen wir das Schreiben der Informationen auf unseren Feldern möglich. Informationen, die der Benutzer löschen kann oder nicht. Diese Anwendung ist sehr nützlich. Vor allem, wenn ein PHP-Skript einen Besucher erkennt und die vom Anwender gewählten Optionen beibehält.

html<p><input type="text" size="5" value="12345" /></p>

<p><input type="text" size="15" value="HTML text filed" /></p>

<p><input type="text" size="25" value="HTML Tutorials " /></p>

Demo

HTML - Maxlength

Maxlength ist eine der nützlichsten Eigenschaften von Textfeldern, da es dem Benutzer nicht erlaubt, mehr Zeichen einzugeben, als beabsichtigt.

html<p><input type="text" size="5" maxlength="5" /></p>

<p><input type="text" size="15" maxlength="15" /></p>

<p><input type="text" size="25" maxlength="25" /></p>

Demo

Falls Sie mehr als 5, 15 und 25 Zeichen in den oben genannten Bereichen eingeben wollen, wird das wegen der Beschränkung von 'maxlength' nicht möglich sein.