Membuat Opsi Pilihan HTML Menggunakan Tag Option
Tag option pada HTML digunakan untuk memilih pilihan dari menu drop-down. Tag ini digunakan dengan atau tanpa atribut apapun dan membutuhkan nilai yang dapat dikirim ke server. Kelompok pilihan tersebut dapat diciptakan dengan menggunakan tag <option> yang kemudian menciptakan item menu yang saling berkaitan.
Sintak:
<option> Konten... </option>
Atribut: tag option mengandung empat atribut yang diperlihatkan sebagai berikut:
 |
| Ilustrasi Tag Options HTML |
Sebelum memahami lebih dalam materi tentang Membuat Opsi Pilihan HTML Menggunakan Tag Option, terlebih dahulu pelajari materi tentang: Membuat Menu Dropdown HTML Menggunakan Tag Optgroup [klik], Menampilkan Video dan Audio HTML Menggunakan Tag Object [klik], dan Menonaktifkan Script Kode HTML Menggunakan Tag Noscript [klik].
<option> Konten... </option>
Atribut: tag option mengandung empat atribut yang diperlihatkan sebagai berikut:
- disabled: atribut ini mengandung nilai disabled yang merepresentasikan opsi disabled.
- label: atribut ini mengandung nilai teks yang merepresentasikan label singkat untuk menu pilihan.
- selected: atribut ini mengandung nilai selected yang merepresentasikan item yang sifatnya pre-selected ketika browser loading.
- value: atribut ini mengandung nilai teks yang menuju ke server.
Baca Juga:
Contoh:
<!DOCTYPE html>
<html>
<body>
<h1>
Blog Elfan
</h1>
<h2>
HTML Tag Option
</h2>
<select>
<option>
Pilih Opsi:
</option>
<option value="html">
HTML
</option>
<option value="java">
JAVA
</option>
<option value="C++">
C++
</option>
<option value="php">
PHP
</option>
<option value="perl">
PERL
</option>
</select>
</body>
</html>
Output:
Blog Elfan
HTML Tag Option
Contoh:
<!DOCTYPE html>
<html>
<body>
<h1>
Blog Elfan
</h1>
<h2>
HTML Tag Option
</h2>
<strong>
Pilih Kota<br>
</strong>
<select>
<option>Allahabad</option>
<option>Pryagraj</option>
<option>Salman Khan</option>
<option>Noida</option>
</select>
</body>
</html>
Output:
Blog Elfan
HTML Tag Option
Pilih KotaReferensi Tambahan:
- 2 Contoh Program Penggunaan Tag q untuk Kutipan pada HTML [klik]
- Membuat Teks Coret pada Dokumen HTML Menggunakan Tag S [klik]
- Membuat Teks Bergaya Kode Kode Komputer pada Tag Samp HTML [klik]
- 5 Atribut Utama Tag Script HTML [klik]
- 2 Contoh Pembagian Paragraf Menggunakan Tag Section HTML [klik]
- 2 Contoh Pembuatan Teks Berukuran Kecil Menggunakan Tag Small HTML [klik]
- 6 Contoh Pengelompokkan Elemen Menggunakan Tag Span pada HTML [klik]
Artikel ini didedikasikan kepada: Indah Fiyanti Putri, Laila Nur Janah, Lilik Dwi Setiyawan, Mohammad Faesal Febriandyono, dan Muhammad Fairuz Zahir.
Apa yang dimaksud dengan html elemen option?
BalasHapusElemen HTML < option > digunakan untuk mendefinisikan item yang terdapat dalam elemen < select >, < optgroup >, atau < datalist >. Elemen option dapat mewakili item menu dalam popup dan daftar item lainnya pada dokumen HTML.
HapusTag < option > dalam dokumen HTML digunakan untuk memilih opsi dari menu drop-down. Tag ini dapat digunakan dengan ataupun tanpa atribut apapun dengan nilai yang dibutuhkan dapat dikirim ke server. Grup opsi dapat dibuat menggunakan tag < optgroup >.
HapusApa yang dimaksud dengan option value pada html?
BalasHapusAtribut value menentukan nilai yang akan dikirim ke server saat form atau formulir dikirim. Konten yang terdapat diantara tag pembukaan < option > dan tag penutup < /option > merupakan daftar menu yang akan ditampilkan browser pada daftar menu drop down, juga merupakan nilai yang akan dikirimkan oleh form ke server.
Hapus