Cara menggunakan data attribute pada HTML5

data-attribut-html5

Bagi anda yang baru mengenal HTML5 akan saya jelaskan cara menggunakan data attribute pada HTML5.

Penggunaan data attribut ini sangat bermanfaat untuk menyimpan sebuah value atau nilai. Sebelum hadirnya HTML5 saya kadang menyimpan sebuah nilai di hidden input. Tapi terkadang saking banyaknya hidden input membuat saya kebingungan sendiri.

Nahh..di HTML5 ternyata kita bisa memasukkannya ke sebuah attribute yang bernama data. Oke langsung saja saya berikan cara penulisaannya.

<div data-list-size="5" data-user="anton" id="listbox"></div>

atau kadang saya menaruh sebuah value seperti script dibawah ini

<div data-value="3" id="loopbox"></div>

Untuk mengambilnya kita bisa menggunakan jquery attr method.

Contoh :

$('#listbox').attr('data-user');

Sobat bisa juga mengganti value dari data attribut

Contoh :

$('#loopbox').attr('data-value', '5');

Itulah penjelasan sederhana berdasarkan dari apa yang sudah saya pelajari.(iwn)

Leave a Reply

Your email address will not be published. Required fields are marked *