Mengenal Atribut Contenteditable Pada HTML5

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

Untuk beberapa waktu sekarang, kita telah menggunakan berbagai teknologi untuk mengedit dan menyimpan teks dalam browser web. Sekarang dengan atribut contenteditable, hal tersebut menjadi jauh lebih mudah. Ok, langsung saja saya kasih tau Mengenal Atribut Contenteditable Pada 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 edit. Teman block text bootstrap lalu delete.

Setelah di delete

Sekarang teman-teman sudah Mengenal Atribut Contenteditable Pada HTML5.
Dimana teman-teman bisa langsung mengedit content yang ada.

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

Mengenal Atribut Contenteditable Pada HTML5

Kategori