Atribut Minlength
Atribut minlength berfungsi untuk memberi batasan jumlah minimal karakter. Atribut input type yang didukung adalah atribut: text, email, search, password, tel dan url. Selain atribut ini, fungsi minlength diabaikan.
Atribut Maxlength
Atribut maxlength kebalikan dari minlength, memberi batasan maksimal karakter yang bisa dimasukkan pengguna. Berlaku untuk atribut: text, email, search, password, tel dan url. Selain atribut ini, fungsi maxlength diabaikan.
Atribut minlength dan maxlength merupakan atribut baru pada elemen input di HTML5.
Penulisan sintak
<input type="atribut" minlength="angka" maxlength="angka" />
Atribut
text : atribut untuk menampung teks, huruf – angka – tanda baca.
email : atribut untuk hanya menampung alamat email. Email harus valid dengan tanda @.
search : atribut untuk bidang pencarian data.
password : atribut untuk menampung password, karakter yang dimasukkan ditampilkan dalam bullet.
tel : atribut untuk menampung data telepon.
url : atribut untuk menampung alamat situs (url).
Contoh
Contoh ini menggunakan 2 file, file atribut.html dan file get.php. Dibutuhkan web server setidaknya lokal, seperti AppServ, Xampp atau Wamp. Letakkan kedua file di folder www atau htdocs. Eksekusi file dari: http://localhost/atribut.html
Skrip atribut.html
<!DOCTYPE HTML>
<html>
<head>
<title>Atribut minlength dan maxlength</title>
</head>
<body>
<form action="get.php" method="POST">
<label>Password (min 6 max 10) :</label>
<input type="password" name="pass" minlength="6" maxlength="10" required/>
<button type="submit">Oke</button>
</form>
</body>
</html>Skrip get.php
<?php
$pass=$_POST["pass"];
echo $pass;
?>
Tampilan di browser Google Chrome:
 |
| Minimal 6 karakter. |
Referensi tulisan:
- input; ditulis oleh: Kontributor MDN, developer.mozilla.org, diakses 30 Maret 2015.
About MDN by Mozilla Contributors is licensed under CC-BY-SA 2.5.
No comments:
Post a Comment