Artikel Terbaru

Cara Menampilkan dan Menyembunyikan Elemen Menggunakan Atribut Hidden HTML

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.

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

Komentar

  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

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D

Hot Artikel!!!

Enkapsulasi pada Java

6 Tahap Utama dalam Melakukan Kompilasi Program Hello World Java

6 Contoh Program Method Overloading pada Java