Von Anfang an, Web-Seiten haben die Fähigkeit zu sammeln Daten von Nutzern hatte. HTML5 hat einen Standard, aber sehr nützliche Satz von Formelementen Sie Eingabe zu erhalten verwenden können. Diese Formelemente folgen viele der gleichen Regeln wie für andere Tags.

Diese Abbildung zeigt eine Form alle wichtigen HTML-Formularelemente enthalten, die auftreten können:

Die Tags, die Sie mit der allgemeinen Struktur des Formulars zu verwalten sind:

• : Dieses Tag enthält den eigentlichen form- es alle anderen Formularelemente einschließt. Der Tag sollte auch die action = "" Attribut. Dies zeigt an, dass Sie planen, nicht ein serverseitiges Skript aufrufen, wenn das Formular abgeschickt wird.

• : Dieser spezielle Tag ermöglicht Ihnen eine Reihe von Eingabeelementen zu einer Gruppe zusammen. Es ist nicht erforderlich, aber es können komplexe Formen leichter zu navigieren machen. Standardmäßig hat ein fieldset eine einzige Grenze um ihn herum, aber Sie können dies mit CSS ändern.

• : Sie können eine Legende zu einem fieldset hinzufügen für die gesamte fieldset als Label zu handeln.

• : Dies markiert Text als Beschriftung mit einem bestimmten Eingabeelement zugeordnet ist. Sie können die optionale verwenden für Attribut, das Eingangselement angeben, wird das Etikett zugeordnet ist. Label-Tags werden in der Regel verwendet, um CSS-Styling von Formen einfacher zu verwalten machen.

Der Code für eine Seite unter Verwendung aller Strukturvariablen in der Abbildung dargestellt läuft wie folgt ab:

Formular Demo

Das fieldset, Legende, und Etikette Tags sind nicht erforderlich, aber sie helfen Ihnen, die Seite so zu organisieren, ist es einfacher, mit CSS-Layout. Die richtige Verwendung dieser Tags und CSS oft macht Ihre Formen viel einfacher zu arbeiten als mit den älteren tabellenbasierten Hacks.