5 einfache XHTML-Webformulare für die Produktion von Webdesign_HTML/Xhtml_Webseiten

Einfaches XHTML-Webformular in Web Design 5.                   ​ Technik 1: Sandwich beschriften Fügen Sie das Eingabefeld, das Auswahlfeld und das Textfeld in Beschriftungselemente ein und legen Sie sie alle als Elemente auf Blockebene fest. Stellen Sie den Anzeigemodus für Optionsfelder und Kontrollkästchen auf „Inline“ ein, damit sie in derselben Zeile angezeigt werden. Wenn Sie Etikett bevorzugen
​                   ​ ​ ​ ​ Einfaches XHTML-Webformular in Web Design 5.                   ​ Technik 1: Label-Sandwich
Fügen Sie alle Eingabefelder, Auswahlfelder und Textfelder in Label-Elemente ein und legen Sie sie alle als Elemente auf Blockebene fest. Stellen Sie den Anzeigemodus für Optionsfelder und Kontrollkästchen auf „Inline“ ein, damit sie in derselben Zeile angezeigt werden. Wenn Sie möchten, dass die Beschriftung und das Optionsfeld/Mehrfachauswahlfeld in unterschiedlichen Zeilen angezeigt werden, können Sie sie nicht in die Beschriftung aufnehmen oder feste Zeilenumbrüche verwenden.
Jedes Szenario wird unten demonstriert.

Obwohl diese trendig erscheinen mögen, hat das W3C tatsächlich implizit seine Etikettenbeispiele gezeigt.
Hauptvorteile: Einfach
Code:
label, input, select, textarea {display: block;} label {margin-bottom: 10px;} input[type="radio"], input[type="checkbox"] {display: inline;}