DAFTAR LABEL POPULER PENELITIAN.ID

Jangan Buka Artikel Ini!

Atribut OnToggle HTML dan Fungsinya

Event ontoggle merupakan event html yang dapat aktif ketika user membuka atau menutup elemen <details> pada halaman html. Elemen <details> digunakan untuk menyediakan penambahan informasi atau rincian yang dapat ditampilkan atau disembunyikan oleh user sesuai dengan kebutuhan.

Cara Mudah Menggunakan Atribut OnToggle pada HTML
Ilustrasi Atribut OnToggle HTML

Tag Pendukung:
  • <details>

Sintak:
<details ontoggle = "script">

Value Atribut: mengandung atribut script nilai tunggal yang bekerja ketika event ontoggle dipanggil.

Catatan: atribut ini bekerja bersamaan dengan tag details.

Baca Juga:

Contoh:

<!DOCTYPE html >

<html>

 

<head>

<title>

atribut event ontoggle

</title>

 

<style>

body 

{

text-align:center;}

 

h1 

{

color:green;}

</style>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

atribut event ontoggle

</h2>

 

<p>

Klik untuk membuka details.

</p>

 

<details ontoggle="mkn()">

 

<summary 

style="color:blue";>

Apa kepanjangan dari HTML

</summary>

 

<p>

Hyper Text Markup Language

</p>

 

</details>

 

<script>

function mkn() 

{

alert("atribut ontoggle dipanggil");

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

atribut event ontoggle

Klik untuk membuka details.

Apa kepanjangan dari HTML

Komentar

  1. Apa manfaat penggunaan atribut ontoggle pada elemen html?

    BalasHapus
    Balasan
    1. dengan menggunakan atribut ontoggle, maka dapat dilakukan penyembunyian informasi atau objek tertentu pada elemen html.

      Hapus
    2. Atribut ontoggle dapat digunakan untuk mengaktifkan atribut tipe boolean pada elemen yang telah ditentukan.

      Hapus
  2. Browser apa saja yang dapat digunakan untuk mengaktifkan atribut ontoggle pada eleme html?

    BalasHapus
    Balasan
    1. Beberapa jenis browser populer yang dapat digunakan untuk mengaktifkan atribut ontoggle pada halaman html adalah:
      1. Google Chrome 12.0
      2. Opera 15.0
      3. Firefox 48.0
      4. Safari 6.0

      Hapus

Posting Komentar

Hubungi admin melalui Wa : +62-896-2514-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 ~

Postingan populer dari blog ini (30 Hari)

Specifier %d dan %i Bahasa C dan Fungsinya

Enkapsulasi Java dan Fungsinya

4 Kesalahan Umum yang Sering Terjadi pada PTK

Cara Membuat Drag and Drop pada HTML

Postingan populer dari blog ini (All Time)

Enkapsulasi Java dan Fungsinya

Komunitas