Lompat ke konten Lompat ke sidebar Lompat ke footer

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.

4 Atribut Utama pada Penggunaan Tag Option HTML
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].

Sintak:
<option> Konten... </option>

Atribut: tag option mengandung empat atribut yang diperlihatkan sebagai berikut:
  • disabled: atribut ini mengandung nilai disabled yang merepresentasikan opsi disabled.
  • labelatribut 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.


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 Kota

Artikel ini didedikasikan kepada: Indah Fiyanti Putri, Laila Nur Janah, Lilik Dwi Setiyawan, Mohammad Faesal Febriandyono, dan Muhammad Fairuz Zahir.

5 komentar untuk "Membuat Opsi Pilihan HTML Menggunakan Tag Option"

  1. Apa yang dimaksud dengan html elemen option?

    BalasHapus
    Balasan
    1. Elemen 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.

      Hapus
    2. Tag < 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 >.

      Hapus
  2. Apa yang dimaksud dengan option value pada html?

    BalasHapus
    Balasan
    1. Atribut 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

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -