Mengenal Atribut Contenteditable Pada HTML5

Salam hangat teman-teman, semoga sehat selalu ya. Di kesempatan kali ini saya akan mencoba berbagi tips bagaimana Mengenal Atribut Contenteditable Di HTML5.



Bagi beberapa waktu sekarang ini, kita telah menggunakan beraneka teknologi bagi mengedit dan menyimpan teks pada browser web. Kini dengan atribut contenteditable, hal tersebut menjadi jauh lebih gampang. Ok, seketika saja saya kasih tau Mengenal Atribut Contenteditable Di HTML5.



– Teman-teman ketikan codingan HTML5 di bawah ini:



<!DOCTYPE html>

<html lang=en>
<head>
<meta charset=utf-8>
<title>untitled</title>
</head>
<body>
<h2> Web Mster </h2>
<ul>
<li> HTML5 </li>
<li> PHP </li>
<li> BOOTSTRAP </li>
</ul>
</body>
</html>


– Lalu beri atribut contenteditable di tag <ul>



 <ul  contenteditable=true>


Lalu teman-teman save. Dan coba buka di browser teman-teman.



Sebelum di menej. Teman block text bootstrap lalu delete.



Pada



Setelah di delete



Pada



Kini teman-teman telah Mengenal Atribut Contenteditable Di HTML5.


Dimana teman-teman dapat seketika mengedit content yang terdapat.



Selamat mencoba dan tetap jaga medis selalu yah teman-teman.




Sumber https://kursuswebsite.org

Popular posts from this blog

Cara Menghapus Isi Dari Form Input Menggunakan Javascript

Membuat Form Menarik Menggunakan HTML dan CSS