Html5 Email ve Url Giriş Türleri: Email ve url giriş türleri özellikle geçerli mail ve web adresleri için yapılmış yeni giriş türleridir.
Email adresi özel bir yazım şekli gerektirir. Geçerli bir email adresi bir domain ismi @ işareti ve bir nokta (.)
içerir .Örn:
xyz@abc.com gibi. Doğru yazılmaz ise kullanıcıya bir uyarı gösteren email türü html5 de <input type=”email” /> şeklinde yazılır.
Bir çok url formatı
http://www.abc.com şeklindedir. http yada https protokolları uyarınca url belli bir standart formatta olmalıdır. Doğru yazılmaz ise kullanıcıya bir uyarı gösteren url türü html5 de <input type=”url” /> şeklinde yazılır.
Bir örnek yapalım:
<!DOCTYPE html>
<html>
<head>
<title>Html5 Form Kontrolleri </title>
</head>
<body>
<h1> Html5 Form Kontrolleri </h1>
<form>
<label for="loginname"><em>Kullanıcı Adı<em> : </label>
<input name="loginname" type="text" required>
<label for="mail"><em>E-posta<em> : </label>
<input name="mail" type="email" required>
<label for="webpage"><em>Web Siteniz<em> : </label>
<input name="webpage" type="url" required>
<input type="submit" value="Gönder">
</form>
</body>
</html>
Eğer kodu çalıştırıp geçerli bir formatta email girmeden gönder butonuna basarsak bir uyarı ile karşılaşırız. Tarayıcıya göre farklılık gösterse de bu uyarı aşağıdaki gibidir.
Eğer kodu çalıştırıp geçerli bir formatta url girmeden gönder butonuna basarsak bir uyarı ile karşılaşırız. Tarayıcıya göre farklılık gösterse de bu uyarı aşağıdaki gibidir.
Böylece JavaScript veya regex kontrollerine gerek kalmadan bu kontrolleri sağlarız.
Örnek çalışmaya
buradan ulaşabilirsiniz.
Düzenle Kullanıcı Tarafından 11 Eylül 2015 Cuma 17:52:39(UTC)
| Sebep: Sebep Bildirilmesi
