Blog Belajar HTML: Tag button autofocus HTML5

Pada HTML5, tag <button> memiliki atribut autofocus. Saat Anda muat halaman dan ditampilkan, fokus kursor akan berada di button. Misalkan pada halaman ada text field, textarea, select maka akan tetap button yang menjadi fokus kursor. Hanya ada satu button yang bisa memakai atribut autofocus.

Atribut autofocus bernilai boolean, true jika autofocus dan false jika tidak.

Contoh: buttonfocus.html


<!DOCTYPE HTML>

    <html>

        <head>

            <title>Contoh tag buton autofocus</title>

        </head>

    <body>

        <input type="text" /><br />

        <textarea></textarea> <br />

        <select>

            <option>List 1</option>

            <option>List 2</option>

            <option>List 3</option>

        </select><br /><br />

        <button name="btn" autofocus="true">Go</button>

    </body>

</html>

Button dalam keadaan focus ditandai dengan timbulnya warna biru di sekitar pinggir button:

Output autofocus di Firefox 40.

Referensi tulisan:

<button>; ditulis oleh: Kontributor MDN, developer.mozilla.org, diakses 23 Januari 2015.blockquote>About MDN by Mozilla Contributors is licensed under CC-BY-SA 2.5.

Thursday, January 22, 2015

Tag button autofocus HTML5

No comments:

Post a Comment