Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lernen Beschriftung von Formulareingaben | Tabellen und Formulare
HTML-Grundlagen

bookBeschriftung von Formulareingaben

Labels (<label>) sind unerlässlich, um Textbeschriftungen mit Formulareingabefeldern zu verknüpfen und verbessern die Zugänglichkeit sowie Benutzerfreundlichkeit. Es ist entscheidend, dass das for-Attribut des <label>-Tags mit dem id-Attribut des zugehörigen input-Elements übereinstimmt.
Beispiel:

<label for="username">Username:</label>
<input type="text" id="username" />

Im obigen Beispiel:

  • Beim Klicken auf das Label Username: wird automatisch das zugehörige Eingabefeld fokussiert;
  • Das label und das input sind über die Attribute for und id miteinander verknüpft;
  • Beide Attribute, for und id, haben denselben Wert (username).

Das Ausfüllen des Formulars wird erleichtert, indem den Eingabefeldern aus dem vorherigen Beispiel Beschriftungen hinzugefügt werden.

index.html

index.html

copy

1. Welches Attribut des <label>-Tags wird verwendet, um es mit einem bestimmten <input>-Element in einem Formular zu verknüpfen?

2. Welches Attribut fehlt beim Eingabeelement, das mit dem Label-Element verknüpft werden muss?

question mark

Welches Attribut des <label>-Tags wird verwendet, um es mit einem bestimmten <input>-Element in einem Formular zu verknüpfen?

Select the correct answer

question mark

Welches Attribut fehlt beim Eingabeelement, das mit dem Label-Element verknüpft werden muss?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 6

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Suggested prompts:

Can you show me the previous example so I can add the labels?

Which input fields do you want to add labels to?

Do you want any specific text for the labels?

Awesome!

Completion rate improved to 2.86

bookBeschriftung von Formulareingaben

Swipe um das Menü anzuzeigen

Labels (<label>) sind unerlässlich, um Textbeschriftungen mit Formulareingabefeldern zu verknüpfen und verbessern die Zugänglichkeit sowie Benutzerfreundlichkeit. Es ist entscheidend, dass das for-Attribut des <label>-Tags mit dem id-Attribut des zugehörigen input-Elements übereinstimmt.
Beispiel:

<label for="username">Username:</label>
<input type="text" id="username" />

Im obigen Beispiel:

  • Beim Klicken auf das Label Username: wird automatisch das zugehörige Eingabefeld fokussiert;
  • Das label und das input sind über die Attribute for und id miteinander verknüpft;
  • Beide Attribute, for und id, haben denselben Wert (username).

Das Ausfüllen des Formulars wird erleichtert, indem den Eingabefeldern aus dem vorherigen Beispiel Beschriftungen hinzugefügt werden.

index.html

index.html

copy

1. Welches Attribut des <label>-Tags wird verwendet, um es mit einem bestimmten <input>-Element in einem Formular zu verknüpfen?

2. Welches Attribut fehlt beim Eingabeelement, das mit dem Label-Element verknüpft werden muss?

question mark

Welches Attribut des <label>-Tags wird verwendet, um es mit einem bestimmten <input>-Element in einem Formular zu verknüpfen?

Select the correct answer

question mark

Welches Attribut fehlt beim Eingabeelement, das mit dem Label-Element verknüpft werden muss?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 6
some-alt