Untuk membuat drop-down list menggunakan tag? .

Berikut ini adalah pertanyaan dari weopitraegiodei1145 pada mata pelajaran Ujian Nasional untuk jenjang Sekolah Menengah Atas

Untuk membuat drop-down list menggunakan tag? .

Jawaban dan Penjelasan

Berikut ini adalah pilihan jawaban terbaik dari pertanyaan diatas.

Untuk membuat drop-down list menggunakan HTML, Anda dapat menggunakan tag <select> dan tag <option>. Berikut adalah contoh sederhananya:

<select>

 <option value="option1">Option 1</option>

 <option value="option2">Option 2</option>

 <option value="option3">Option 3</option>

</select>

Tag <select> digunakan untuk membuat drop-down list, sedangkan tag <option> digunakan untuk menentukan pilihan yang tersedia dalam drop-down list. Setiap <option> harus diatur dalam tag <select>. Nilai atribut value pada tag <option> akan menentukan nilai yang akan dikirimkan ketika pilihan tersebut dipilih.

Anda juga dapat menambahkan atribut name pada tag <select> untuk memberikan nama pada drop-down list yang dikirimkan ke server ketika form di-submit. Selain itu, Anda juga dapat menambahkan atribut multiple pada tag <select> untuk memungkinkan pengguna memilih lebih dari satu pilihan pada drop-down list.

Contoh lengkapnya adalah sebagai berikut:

<form action="/submit-form">

 <label for="favorite-color">Pilih warna favorit Anda:</label>

 <select name="favorite-color" id="favorite-color">

   <option value="red">Merah</option>

   <option value="green">Hijau</option>

   <option value="blue">Biru</option>

 </select>

 <br>

 <input type="submit" value="Submit">

</form>

Di sini, drop-down list akan menampilkan pilihan "Merah", "Hijau", dan "Biru", dan ketika form di-submit, nilai pilihan yang dipilih akan dikirim ke server bersama dengan nama "favorite-color".

Semoga dengan pertanyaan yang sudah terjawab oleh Alfiawan4e dapat membantu memudahkan mengerjakan soal, tugas dan PR sekolah kalian.

Apabila terdapat kesalahan dalam mengerjakan soal, silahkan koreksi jawaban dengan mengirimkan email ke yomemimo.com melalui halaman Contact

Last Update: Mon, 20 Mar 23