Artikel Terbaru

Cara Mengatur Edit Konten Menggunakan Atribut Contenteditable HTML

Digunakan untuk menentukan apakah konten akan ditampilkan pada elemen sifatnya adalah dapat diedit atau tidak. Ketika atribut ini tidak diatur dalam sebuah elemen, maka elemen tersebut akan inherit dari elemen parent.

Sintak:
<element contenteditable = "true|false">

Atribut: merupakan turunan dari atribut global dan dapat digunakan dalam elemen HTML apapun. Atribut ini berisi dua nilai yaitu TRUE atau FALSE. Jika nilai atribut tersebut adalah TRUE, maka konten dapat diedit, dan jika FALSE maka konten tidak dapat diedit.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Atribut contenteditable

</title>

 

<style>

body 

{

width:60%;

text-align:center;}

 

h1 

{

color:green;}

</style>

</head>

 

<body>

<h1>

Blog Elfan

</h1>

 

<h2>

Atribut contenteditable

</h2>

 

<p contenteditable="true">

Blog TIK: Portal ilmu komputer

</p>

</body>

 

</html>

Output:

Blog Elfan

Atribut contenteditable

Blog TIK: Portal ilmu komputer

Komentar

  1. Apakah atribut adalah atribut yang dapat di edit?

    BalasHapus
    Balasan
    1. Atribut global merupakan atribut yang dapat diedit merupakan atribut enumerasi yang menunjukkan apakah elemen tersebut harus dapat diedit oleh pengguna atau tidak. Jika demikian, browser dapat memodifikasi widgetnya untuk memungkinkan pengeditan.

      Hapus
  2. Apa fungsi dari contenteditable pada html?

    BalasHapus
    Balasan
    1. Atribut contenteditable digunakan untuk menentukan apakah konten suatu elemen dapat diedit atau tidak.

      Catatan: ketika atribut contenteditable tidak diatur pada suatu elemen, maka elemen tersebut dapat mewarisi induknya.

      Hapus
  3. Apakah membuat elemen div atau section aman untuk dapat diedit?

    BalasHapus
    Balasan
    1. Membuat elemen div atau section dapat diedit merupakan hal yang aman. Namun, beberapa ada yang menyebutkan bahwa hanya elemen level block saja yang dapat dibuat dapat diedit.

      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