Lompat ke konten Lompat ke sidebar Lompat ke footer

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.

2 Contoh Program Penggunaan Atribut Checked pada HTML
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].

Catatan: Atribut checked dapat digunakan dengan elemen <input> hanya ketika bertipe "checkbox" atau "radio".

sintak:
<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

Checked by default
Not checked by default

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

Selected by default
Not selected by default

Artikel ini didedikasikan kepada: Melati Permata Julian, Muchammad Bachtiar Al Majid, Muhammad Rifqi Hidayatullah, Muhammad Sultan Anwar, dan Nadhifah Setiadiani.

6 komentar untuk "Membuat Tanda Centang HTML Menggunakan Atribut Checked"

  1. Apa yang dimaksud dengan atribut checked pada html?

    BalasHapus
    Balasan
    1. Kota centang (checked) merupakan jenis tag input dalam HTML. Kotak tersebut digunakan untuk contoh dimana user mungkin ingin memilih beberapa opsi pada dokumen html.

      Hapus
  2. Bagaimana cara menampilkan kotak centang pada html?

    BalasHapus
    Balasan
    1. 1. Mulai dengan elemen input.
      2. 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.

      Hapus
  3. Apa value dari atirbut checked pada html?

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

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 -