Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Membuat Tanda Centang HTML Menggunakan Atribut Checked

Dipublikasikan Oleh: elfanmauludi 6 komentar
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.


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, Fokus Otomatis HTML Menggunakan Atribut Autofocus, dan Menentukan Form Data HTML Menggunakan Atribut Action.

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.
Location: Semarang, Kota Semarang, Jawa Tengah, Indonesia

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

  1. AnonimSabtu, 17 Juli 2021 pukul 07.14.00 WIB

    Apa yang dimaksud dengan atribut checked pada html?

    BalasHapus
    Balasan
    1. AnonimSabtu, 17 Juli 2021 pukul 07.15.00 WIB

      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. AnonimSabtu, 17 Juli 2021 pukul 07.17.00 WIB

    Bagaimana cara menampilkan kotak centang pada html?

    BalasHapus
    Balasan
    1. AnonimSabtu, 17 Juli 2021 pukul 07.18.00 WIB

      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. AnonimSabtu, 17 Juli 2021 pukul 07.20.00 WIB

    Apa value dari atirbut checked pada html?

    BalasHapus
    Balasan
    1. AnonimSabtu, 17 Juli 2021 pukul 07.20.00 WIB

      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 -