Menggunakan Attribute pada Emmet Shortcut

by

Shortcut Emmet juga mendukung attribute, contoh kita akan membuat input type radio dengan mengisi atribute name, id dan value sebanyak 3 buah.

<!-- ul>li*3>input:radio[name=diskon id=rd$ value=$] -->
<ul>
    <li><input type="radio" name="diskon" id="rd1" value="1"></li>
    <li><input type="radio" name="diskon" id="rd2" value="2"></li>
    <li><input type="radio" name="diskon" id="rd3" value="3"></li>
</ul>

Contoh lainnya adalah misalnya Anda ingin menampilkan 3 image dengan nama incremental.

<!-- img[src=img/prod$$.jpg alt="img ke $$"]*3 -->
<img src="img/prod01.jpg" alt="img ke 01">
<img src="img/prod02.jpg" alt="img ke 02">
<img src="img/prod03.jpg" alt="img ke 03">

Sharing is caring:

Leave a Comment