HTML - Eingabe-Tag

  »   HTML  »   HTML Tutorial - Eingabe-Tag, Text, Passwort, Checkbox, Option, absenden, Reset

Der Input-Tag benötigt keinen End-Tag und kann zahlreiche Attribute haben:

  • text
  • password
  • radio
  • checkbox
  • reset
  • submit

HTML - Textfelder und Passwörter

Ich bin wirklich sicher, dass Sie auf jeden Fall eine Menge darüber im Internet gehört haben.

html<input type="text" /><br />
<input type="password" />

Demo


Schreiben Sie etwas in den Kästen oben, um den Unterschied zu sehen.

HTML - Auswahlfelder

Ideal, um dem Benutzer die Möglichkeit zu geben, mehr als eine Antwort auszuwählen

html<input type="checkbox" /> Milch<br />
<input type="checkbox" /> Wasser<br />
<input type="checkbox" /> Brot

Demo

Milch
Wasser
Brot

HTML - Radio

Und ich meine kein Musik-Radio, sondern einen kleinen Kreis, der die Möglichkeit bietet, nur eine Antwort auf eine Frage zu wählen.

html<input type="radio" /> Mann<br />
<input type="radio" /> Frau

Demo

Mann
Frau

HTML - Absenden buttons

Hier werden wir dem Absenden Attribut einen Wert geben müssen, was der Text ist, der auf der erzeugten Schaltfläche angezeigt wird.

html<input type="submit" value="Submit" />
<input type="submit" value="Next step >>" />

Demo

HTML - Reset Buttons

Hier das gleiche wie mit dem Absenden-Button. Wir werden einen Wert angeben müssen, was der Text ist, der auf der erzeugten Schaltfläche angezeigt wird. Diese Taste ist äußerst nützlich für den Fall, dass der Benutzer den Großteil des Formulars mit falschen Informationen vervollständigt.

html<input type="reset" value="Reset" />
<input type="reset" value="Delete All " />

Demo

HTML Eingabefelder - Hinweis

Es muss angemerkt werden, dass diese Formulare und Schaltflächen ohne die Hilfe von PHP oder JavaScript-Dateien nicht vollständig funktionieren. Diese führen die gewünschte Aktion aus, sobald eine dieser Tasten gedrückt wird. Im nächsten Tutorial werden wir mit den gezeigten Attribute mehr ins Detail gehen und Ihnen auch einige Dinge zeigen, die wir noch nicht erwähnt haben.