Menyembunyikan Elemen HTML Menggunakan Atribut Hidden
Atribut hidden pada HTML digunakan untuk mendefinisikan visibilitas elemen. Atribut hidden mengandung nilai boolean. Jika atribut ini digunakan pada browser maka akan menampilkan elemen yang akan disembunyikan pada atribut spesifik. Atribut hidden yang dilihat menggunakan beberapa pengkondisian atau pada JavaScript yang menggunakan konten hidden.
Sintak:
<element hidden>
Catatan: Atribut hidden merupakan atribut baru pada HTML5.
 |
| Ilustrasi Atribut Hidden HTML |
Sebelum memahami lebih dalam materi tentang Menyembunyikan Elemen HTML Menggunakan Atribut Hidden, terlebih dahulu pelajari materi tentang: Menentukan Tinggi Elemen HTML Menggunakan Atribut Height [klik], Mengaturan Label dan Output HTML Menggunakan Atribut For [klik], dan Menentukan Elemen Form HTML Menggunakan Atribut Form [klik].
<element hidden>
Baca Juga:
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Atribut hidden
</title>
<style>
body
{
text-align:center;}
h1
{
color:green;}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Atribut Hidden
</h2>
<p hidden>
Portal Ilmu Komputer
</p>
</body>
</html>
Output:Blog Elfan
Atribut Hidden
Referensi Tambahan:
- 2 Contoh Penggunaan Atribut List pada HTML [klik]
- Contoh Sederhana Penggunaan Atribut Low pada HTML [klik]
- 2 Contoh Penggunaan Atribut Maxlength pada HTML [klik]
- 2 Value Utama pada Penggunaan Atribut Method HTML [klik]
- 2 Contoh Program Penggunaan Atribut Min pada HTML [klik]
- 2 Contoh Program Penggunaan Atribut Multiple pada HTML [klik]
- Penjelasan Singkat, Penggunaan Atribut Novalidate pada HTML [klik]
Artikel ini didedikasikan kepada: Bagas Mahendra Indriawan, Desi Trilanasari, Dhania Ahzryanwardani, Eza Robbani Kelvin Gozali, dan Fajarini Dewi Saputri.
Apa yang dimaksud dengan atribut hidden pada html?
BalasHapusAtribut hidden merupakan atribut boolean yang digunakan untuk menyembunyikan elemen halaman yang tidak dapat digunakan hingga proses login selesai, dimana browser tidak akan merender elemen dengan set atribut hidden tersebut.
HapusBagaimana cara menyembunyikan elemen pada dokumen html?
BalasHapus1. Dengan menggunakan properti CSS display:none;
Hapus2. Dengan menggunakan properti Css visibility: hidden;
3. Dengan menggunakan HTML5 < span hidden >
Dengan tidak usah menuliskan elemen yang akan di hidden tersebut :D
Hapus