Saturday, February 21, 2015

Input type url HTML5

Atribut url di HTML5 merupakan atribut untuk validasi url (alamat situs web). Url akan dianggap valid jika terdapat http:// dan tidak terdapat spasi dalam url. Url belum valid meskipun telah terdapat www, jika belum tersedia http://.

Contoh penulisan: typeurl.html

<!DOCTYPE HTML>
    <html>
        <head>
            <title>Input type url HTML5</title>
        </head>
    <body>
        <form method="POST" action="">
        Masukkan url: <input type="url" name="alamat_web" required/>
        <button type="submit">Test</button>
        </form>
    </body>
</html>


Output:

Url belum valid karena tidak terdapat http://.
Url juga belum valid karena terdapat spasi.
Url telah valid.
Untuk menghindari url yang terlalu panjang Anda dapat menambahkan atribut maxlength. Misalnya, Anda hanya membolehkan panjarang url sebanyak 50 karakter. Maka ditulis:

<input type="url" name="alamat_web" maxlength="50" required/>

Referensi tulisan:
  1. input; ditulis oleh: Kontributor MDN, developer.mozilla.org, diakses 22 Februari 2015.
    About MDN by Mozilla Contributors is licensed under CC-BY-SA 2.5.

No comments:

Post a Comment