Type-based doğrulama
email, url, date inputlarının otomatik doğrulamasını öğrenirsin.
type=email otomatik biçim denetler
Bir input'a type="email" yazdığında tarayıcı, girilen metnin bir e-posta adresi biçiminde olmasını otomatik olarak ister (örneğin ad@sunucu.com). Aynı şekilde type="url" geçerli bir adres (örneğin https://site.com), type="date" ise takvimden seçilebilir bir tarih ister. Bunlar için ayrıca pattern yazmana gerek yok; tarayıcı biçimi kendisi bilir.
type=date ile tarih girişi
type="date" bir takvim seçici gösterir ve yalnızca YYYY-AA-GG biçiminde tarih kabul eder (örneğin 2026-03-15). Bu biçim tarayıcılar arası ortaktır; kullanıcı takvimden ne seçerse seçsin, sunucuya aynı biçimde gider. min ve max ile tarih aralığı da kısıtlanabilir: min="2026-01-01" yıl başından önceki tarihleri engeller.
Uygulama İletişim formuna üç otomatik doğrulamalı alan ekle
Aşağıdaki forma üç alan ekle:
- E-posta (
type="email"), zorunlu (required) - Web sitesi (
type="url") - Doğum tarihi (
type="date")
E-posta alanının bir <label>'ı olsun; for ve id değerleri eşleşsin.
Örnek çözümü göster
<form action="/iletisim" method="post">
<label for="eposta">E-posta</label>
<input type="email" id="eposta" required>
<label for="site">Web sitesi</label>
<input type="url" id="site">
<label for="tarih">Doğum tarihi</label>
<input type="date" id="tarih">
</form>Kendini test et
-
Web sitesi alanını otomatik doğrulamak için hangi type kullanılır?
- text
- website
- link
- url
Cevabı göster
url — Doğru. type="url" tarayıcıya girilen değerin bir adres (URL) biçiminde olmasını söyler.
-
E-posta alanının type'ını tamamla
<input type="____" id="eposta" required>Cevabı göster
<input type="email" id="eposta" required> -
type değerini beklenen biçimle eşleştir
- type="email"
- ad@sunucu.com
- type="url"
- https://site.com
- type="date"
- 2026-03-15
- type="number"
- 42