Menyeleksi Elemen HTML Menggunakan Atribut Selected
Atribut selected pada html digunakan untuk menentukan pilihan mana yang harus dipilih secara default ketika halaman melakukan loading. Atribut selected merupakan atribut bertipe boolean yang hanya terdiri dari dua nilai yaitu TRUE atau FALSE. Opsi yang telah dipilih pada atribut selected akan ditampilkan pada monitor secara default.
Sintak:
<option selected>value</option>
Catatan: atribut selected dapat digunakan pada elemen <option>.
 |
| Ilustrasi Atribut Selected HTML |
Sebelum memahami lebih dalam materi tentang Menyeleksi Elemen HTML Menggunakan Atribut Selected, terlebih dahulu pelajari materi tentang: Menggabungkan Baris Tabel HTML Menggunakan Atribut Rowspan [klik], Menentukan Jumlah Baris HTML Menggunakan Atribut Rows [klik], dan Mengurutkan Data Terbesar HTML Menggunakan Atribut Reversed [klik].
<option selected>value</option>
Baca Juga:
Contoh: program untuk mengilustrasikan penggunaan atribut selected pada html.
<!DOCTYPE html>
<html>
<head>
<title>
HTML Atribut Selected
</title>
</head>
<body style = "text-align: center;">
<h1 style = "color: green;">
Blog Elfan
</h1>
<h2>
HTML Atribut Selected
</h2>
<!-- Daftar Options -->
<select>
<option value="merge">
Merge Sort
</option>
<option value="bubble">
Bubble Sort
</option>
<option value="insertion">
Insertion Sort
</option>
<!-- Elemen Option dengan
atribut selected -->
<option value="quick" selected>
Quick Sort
</option>
</select>
</body>
</html>
Output:Blog Elfan
HTML Atribut Selected
Referensi Tambahan:
- Cara Mudah Mengatur Ukuran Step dari Elemen Input HTML [klik]
- 3 Cara Sederhana Menerapkan Atribut Style pada HTML [klik]
- Cara Mudah Membuat Tab Order HTML [klik]
- Cara Mudah Menentukan Link Target pada HTML [klik]
- Cara Menerjemahkan Konten Atribut Translate HTML5 [klik]
- 7 Cara Mudah Menggunakan Atribut Value HTML [klik]
- Cara Mudah Menggunakan Event Onafterprint pada Elemen HTML [klik]
Artikel ini didedikasikan kepada: Annis Khoirunnisa, Cintana Oliviasandrea, Dedi Nur Ramadhan, Dewi Masithoh, dan Dyah Ayu Rachmawati Dewi.
Apa yang dimaksud dengan atribot selected pada elemen html?
BalasHapusAtribut selected pada html merupakan atribut yang bersifat boolean yang hanya teridir dari dua kondisi, yaitu true dan false. Ketika atribut selected digunakan pada elemen html, maka atribut ini berfungsi menentukan opsi mana yang harus dipilih ketika memuat halaman.
HapusAtribut selected digunakan untuk menentukan opsi yang dipilih ataut disorot pada kontrol drop down. Ketika halaman dimuat, maka atribut ini akan menjadi item yang dipilih tersebut.
HapusApa yang akan dilakukan ketika atribut selected digunakan pada elemen option html?
BalasHapusAtribut selected pada elemen OPTION memilih opsi sebelumnya pada halaman yang dimuat yang akan dilihat pada layar monitor.
Hapus