Membuat Tanda Centang HTML Menggunakan Atribut Checked
Atribut checked pada html digunakan untuk mengindikasi apakah elemen harus diperika ketika laman melakukan loading atau tidak. Atribut ini adalah atribut Boolean atau atribut yang hanya memiliki satu dari dua kondisi nilai TRUE atau FALSE.
Catatan: Atribut checked dapat digunakan dengan elemen <input> hanya ketika bertipe "checkbox" atau "radio".
sintak:
<input type = "checkbox|radio" checked>
Contoh:
 |
| Ilustrasi Atribut Checked HTML |
Sebelum memahami lebih dalam materi tentang Membuat Tanda Centang HTML Menggunakan Atribut Checked, terlebih dahulu pelajari materi tentang: Mendefinisikan Karakter Encoding HTML Menggunakan Atribut Charset [klik], Fokus Otomatis HTML Menggunakan Atribut Autofocus [klik], dan Menentukan Form Data HTML Menggunakan Atribut Action [klik].
Baca Juga:
<input type = "checkbox|radio" checked>
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
HTML Atribut Checked
</title>
</head>
<body style = "text-align: center;">
<h1 style = "color: green;">
BLog Elfan
</h1>
<h2>
HTML Atribut Checked
</h2>
<form >
<input
type="checkbox"
name="check"
value="1"
checked>
Checked by default
<br>
<input
type="checkbox"
name="check"
value="2">
Not checked by default
<br>
</form>
</body>
</html>
Output:
BLog Elfan
HTML Atribut Checked
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
HTML Atribut Checked
</title>
</head>
<body style = "text-align: center;">
<h1 style = "color: green;">
Blog Elfan
</h1>
<h2>
HTML Atribut Checked
</h2>
<form >
<input
type="radio"
name="check"
value="1"
checked>
Selected by default
<br>
<input
type="radio"
name="check"
value="2">
Not selected by default
<br>
</form>
</body>
</html>
Output:
Blog Elfan
HTML Atribut Checked
Referensi Tambahan:
- Cara Mengatur Edit Konten Menggunakan Atribut Contenteditable HTML [klik]
- 2 Nilai Utama pada Penggunaan Atribut Data HTML [klik]
- 2 Nilai Utama Penggunaan Atribut Data-* pada HTML [klik]
- 8 Komponen Pengaturan Penggunaan Atribut Datetime pada HTML [klik]
- 3 Nilai Utama Penggunaan Atribut Dir pada HTML [klik]
- 2 Contoh Utama Penggunaan Atribut Dirname pada HTML [klik]
- 7 Contoh Program Penerapan Atribut Disabled pada HTML [klik]
Artikel ini didedikasikan kepada: Melati Permata Julian, Muchammad Bachtiar Al Majid, Muhammad Rifqi Hidayatullah, Muhammad Sultan Anwar, dan Nadhifah Setiadiani.
Apa yang dimaksud dengan atribut checked pada html?
BalasHapusKota centang (checked) merupakan jenis tag input dalam HTML. Kotak tersebut digunakan untuk contoh dimana user mungkin ingin memilih beberapa opsi pada dokumen html.
HapusBagaimana cara menampilkan kotak centang pada html?
BalasHapus1. Mulai dengan elemen input.
Hapus2. Setting tipe atribut ke kotak centang.
3. Berikan elemen bidang ID sehingga kode user dapat bekerja secara langsung dengan elemen tersebut.
4. Tenukan value.
5. Tambahkan label.
6. Tambahkan atirbut for ke label.
Apa value dari atirbut checked pada html?
BalasHapusUmumnya value dari atribut checked adalah persegi atau square tetapi mungkin juga memiliki bentuk lain seperti lingkaran. Kotak centang atau checked memungkinkan user untuk memilih nilai tunggal untuk dikirimkan ke dalam suatu formulir atau tidak.
Hapus