Wie Sie das Label-Element verwenden, um Online bildet zugänglich

Eine wichtige Eingabehilfe von online-Formularen ist die ordnungsgemäße Verwendung der das Label-Element. Eine Bezeichnung ist eine Verbindung zwischen dem Formularelement selbst und den Text erklären, was für das Formularfeld ist. Hier ist, wie das Label-Element verwenden.

Anweisungen

Ihr Formular erstellen

1 Es gibt zwei Schritte zum Erstellen einer Beschriftung. Das erste ist das Label selbst. Nehmen Sie mit dem Label-Element ein Attribut gefordert. Das FOR-Attribut weist welche tatsächliche Form-Element die Bezeichnung für ist.

2 Der zweite Schritt beinhaltet passende ein ID-Attribut des Form-Elements auf den genauen Wert, der die das FOR-Attribut in das Label-Element gegeben wurde.

3

Das Bild zeigt ein Beispiel für ein Textfeld in einem Formular den Namen einer Person gefordert. Sie können den HTML-Code im Bild sehen. Beachten Sie, dass in diesem Beispiel das Etikett vor dem Textfeld angezeigt wird.

4

Auf der anderen Seite wenn Sie Checkboxen in einem Formular verwenden, sollten Sie die Bezeichnung nach dem Formularelement angezeigt sein. Dieses Bild zeigt die richtige Art und Weise zu tun, mit HTML und beinhaltet einen umliegenden Fieldset und Legend für die Checkboxen. Die Fieldset und Legend sind nicht notwendig für Checkboxen, ich eingeschlossen, um ein vollständiges Beispiel zu erzielen. Verwenden Sie ein ähnliches Muster, um die Bezeichnung nach jedes Optionsfeld zu platzieren, wenn Sie ein Formular mit den Optionsfeldern vornehmen.

5

Verwenden Sie für eine Auswahlbox die Bezeichnung nur für die Anweisungen, was zu wählen.

6 Einreichen und Reset-Buttons brauchen keine Beschriftungstext. Das Formularsteuerelement selbst gibt dem Text benötigt.

Tipps & Warnungen

• Wenn bestimmte Felder benötigt werden können Sie den Beschriftungstext Form ein Sternchen hinzufügen. Erklären Sie, dass Pflichtfelder mit einem Sternchen am Anfang des Formulars markiert sind.