Lompat ke konten Lompat ke sidebar Lompat ke footer

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.

Cara Menampilkan dan Menyembunyikan Elemen Menggunakan Atribut Hidden HTML
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].

Sintak:
<element hidden>

Catatan: Atribut hidden merupakan atribut baru pada HTML5.


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


Artikel ini didedikasikan kepada: Bagas Mahendra Indriawan, Desi Trilanasari, Dhania Ahzryanwardani, Eza Robbani Kelvin Gozali, dan Fajarini Dewi Saputri.

5 komentar untuk "Menyembunyikan Elemen HTML Menggunakan Atribut Hidden"

  1. Apa yang dimaksud dengan atribut hidden pada html?

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

      Hapus
  2. Bagaimana cara menyembunyikan elemen pada dokumen html?

    BalasHapus
    Balasan
    1. 1. Dengan menggunakan properti CSS display:none;
      2. Dengan menggunakan properti Css visibility: hidden;
      3. Dengan menggunakan HTML5 < span hidden >

      Hapus
    2. Dengan tidak usah menuliskan elemen yang akan di hidden tersebut :D

      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 -