HTML - Element: <label>

Mit dem <label>-Tag (label = Etikett) wird ein logischer Bezug zwischen Formularelement und dem Beschriftungstext hergestellt. Beim Klick auf den Inhalt eines Labels wird in aktuellen Browsern das Formularelement fokussiert bzw. ausgewählt. Diese Funktion erleichtert unter anderem die Auswahl von Checkboxen.

<!DOCTYPE html>
<html>
<head>
 <title>Label</title>
</head>
<body>

<h1>Label</h1>

<form action="">
<label>Name: <input type="text"></label> <br>
<label><input type="checkbox"> Option 1</label> <br>
<label><input type="checkbox"> Option 2</label> <br><br>
<input type="submit" value="Absenden">
</form>

</body>
</html>

Beispiel anzeigen

Attribute

Das Attribut for="" (for = für) stellt eine Verbindung zwischen dem <label>-Tag und dem id-Namen des Formularelements her.

<table>
 <tr>
  <td>
   <label for="Name">Ihr Name</label>
  </td>
  <td>
   <input type="text" name="name" id="Name">
  </td>
 </tr>
</table>

Bausteine Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<option> Option - Auswahlliste/Datenliste

CSS - Kalender Symbol neben dem Datepicker

PHP - Grafiken mit PHP rotieren

JavaScript - Iframe alle 10 Sekunden neu laden

MySQL - Eintrag überschreiben

Zu viel Animation
Zu viel Animation, zum Beispiel mit animierten Gifs, wirkt unprofessionell und lenkt ab. Jede Seite sollte höchstens ein animiertes Element enthalten, besser man verzichtet ganz darauf. (Alles, was über den Bildschirm hopst und zappelt und blinkt — weg damit! ;- )