^ Zona Info: Atribut tag option pada html

Atribut tag option pada html

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

Atribut Pilihan

AtributDeskripsiNilai yang mungkin
value
  • Nilai eksplisit yang seharusnya menjadi isi elemen.
  • Value: Teks.

 Contoh atribut <option value> :		<!DOCTYPE html>
<html>
<body>

<form action="/action_page.php">
<select name="Motor">
  <option value="Supra">Supra X 125cc</option>
  <option value="CBR">CBR 150cc</option>
  <option value="Jupiter">Jupiter Mx 125cc</option>
  <option value="Vixion">Vixion 150cc</option>
</select>
<input type="Kirim" value="Kirim">
</form>

<p>Pilih Motor, dan klik tombol "Kirim" untuk mengirim masukan ke server.</p>

</body>
</html>

 Preview:
Pilih Motor, dan klik tombol "Kirim" untuk mengirim masukan ke server.

selected
  • Secara otomatis menetapkan elemen menjadi pilihan yang dipilih. Sebaiknya hanya digunakan satu optionelemen saja select.
  • Value: Tidak ada
Contoh atribut <option selected> :

 <!DOCTYPE html>
<html>
<body>

<select>
  <option value="Paus">Paus</option>
  <option value="Hiu">Hiu</option>
  <option value="Lumba - Lumba">Lumba - Lumba</option>
  <option value="Hias" selected>Hias</option>
</select>

</body>
</html>

 Preview:

label
  • Label yang terlihat pengguna yang seharusnya merupakan konten tekstual dari elemen.
  • Value: Teks.

 Contoh atribut <option label> :
<!DOCTYPE html>
<html>
<body>

 <select>
  <option label="Jazz">Jazz(Jazz Rs)</option>
  <option label="Mobilio">Mobilio(Swedish Rs)</option>
  <option label="Fortuner">Fortuner(Sport Fortuner)</option>
  <option label="Kijang">Kijang(Kijang Inova)</option>
</select>

 <p><strong>Catatan:</strong> Atribut label tidak didukung di Firefox.</p>

 </body>
</html>

Preview:
Catatan: Atribut label tidak didukung di Firefox.
disabled
  • Memunculkan pilihan yang tidak dapat dipilih.
  • Value: Tidak ada
Contoh atribut <option disabled> :

 <!DOCTYPE html>
<html>
<body>

<select>
  <option value="Xenia" disabled>Xenia</option>
  <option value="Grandmaxx">Grandmaxx</option>
  <option value="Ertiga">Ertiga</option>
  <option value="APV">APV</option>
</select>

</body>
</html>

 Preview:

Posted by at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)
Copyright © 2016. Zona Info | powered by: Blogger