Cara Menambahkan Placeholder ke Elemen Select HTML

Dibuat
·
Dilihat12 kali
0

Kalau input punya atribut placeholder="placeholder di sini" untuk menambahkan placeholder, kalau elemen select apa ya? Karena secara default, elemen ini akan memilih opsi yang pertama sehingga pengguna akan menganggap ini adalah opsi yang dipilih secara default padahal masih harus dipilih.

Apakah ada cara untuk menambahkan teks placeholder misalnya --pilih-- ke elemen select HTML?

Contoh HTML yang saya gunakan dimana opsi pertama seolah-olah dipilih secara default:

<label for="gender">Gender</label>
<select name="gender" id="gender" >
  <option value="male">Male</option>
  <option value="female">Female</option>
</select>
HTML
1 Jawaban
0

Elemen select memang tidak memiliki atribut placeholder seperti input. Solusinya, buat opsi baru dengan konten berisi teks yang ingin dijadikan sebagai placeholder, kemudian tambahkan atribut selected dan disabled.

Seperti ini (lihat opsi pertama):

<label for="gender">Gender</label>
<select name="gender" id="gender">
  <option value="" disabled selected>--pilih-gender--</option>
  <option value="male">Male</option>
  <option value="female">Female</option>
</select>
Dibuat

Kamu tau jawabannya?

Ayo bergabung bersama lebih dari 200.000 pengguna lainnya!

Pertanyaan Terkait