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

Sıradaki ders: Novalidate ve formnovalidate

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler