^ Zona Info: Atribut tag label pada html

Atribut tag label pada html

Zona Info | Ilmu Komputer |  Oktober 13, 2017
Post by: Ian

Atribut Pilihan

AtributDeskripsiNilai yang mungkin
for
  • Kaitkan label dengan kontrol bentuk.
  • Teks yang cocok dengan nilai dari id atribut control form .
Contoh atribut <label for> :

<!DOCTYPE html>
<html>
<body>

<p>Klik salah satu label teks untuk mengaktifkan kontrol yang terkait:</p>


<form action="/action_page.php">

  <label for="male">Male</label>
  <input type="radio" name="gender" id="male" value="Pria"><br>
  <label for="female">Female</label>
  <input type="radio" name="gender" id="female" value="Wanita"><br>
  <label for="other">Other</label>
  <input type="radio" name="gender" id="other" value="Lainnya"><br><br>
  <input type="submit" value="Kirim">
</form>

</body>

</html>

Preview:
Klik salah satu label teks untuk mengaktifkan kontrol yang terkait:






form
  • Secara eksplisit menghubungkan label ke formelemen, yang mungkin atau mungkin tidak disarangkan di dalamnya. Jika absen, label itu akan dikaitkan dengan formnenek moyangnya.
  • Teks yang cocok dengan nilai atribut formelemen id.
Contoh atribut <label form> :

<!DOCTYPE html>
<html>
<body>

<p>Label untuk tombol pertama ada di luar formulir, namun tetap merupakan bagian dari formulir. Coba klik label teks untuk mengaktifkan tombol laki-laki.</p>

<form action="/action_page.php" id="form1">

 <label for="male">Laki-Laki</label>
  <input type="radio" name="gender" id="male" value="male"><br>
  <label for="female">Wanita</label>
  <input type="radio" name="gender" id="female" value="female"><br>
  <label for="other">Lain</label>
  <input type="radio" name="gender" id="other" value="other"><br><br>
  <input type="submit" value="Kirim">
</form>

<label for="male" form="form1">Pria</label>

</body>
</html>


Preview:
Label untuk tombol pertama ada di luar formulir, namun tetap merupakan bagian dari formulir. Coba klik label teks untuk mengaktifkan tombol laki-laki.





No comments:

Post a Comment