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

Menyembunyikan Elemen HTML Menggunakan Atribut Hidden

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


Sebelum memahami lebih dalam materi tentang Menyembunyikan Elemen HTML Menggunakan Atribut Hidden, terlebih dahulu pelajari materi tentang: Menentukan Tinggi Elemen HTML Menggunakan Atribut Height, Mengaturan Label dan Output HTML Menggunakan Atribut For, dan Menentukan Elemen Form HTML Menggunakan Atribut Form.

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

5 komentar untuk "Menyembunyikan Elemen HTML Menggunakan Atribut Hidden"

  1. AnonimJumat, 20 Agustus 2021 pukul 21.04.00 WIB

    Apa yang dimaksud dengan atribut hidden pada html?

    BalasHapus
    Balasan
    1. AnonimJumat, 20 Agustus 2021 pukul 21.04.00 WIB

      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. AnonimJumat, 20 Agustus 2021 pukul 21.06.00 WIB

    Bagaimana cara menyembunyikan elemen pada dokumen html?

    BalasHapus
    Balasan
    1. AnonimJumat, 20 Agustus 2021 pukul 21.06.00 WIB

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

      Hapus
    2. elfanmauludiJumat, 20 Agustus 2021 pukul 21.07.00 WIB

      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 -