HTML

HTML5 Giriş (Input) Tipleri

HTML5 Yeni Giriş Tipleri

HTML5 formlar için bir kaç yeni input tipine sahiptir. Bu yeni özellikler daha iyi kontrol ve doğrulama olanağı sağlar.

Bu bölüm şu yeni input tiplerini içerir:

  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week
Note Tüm tarayıcılar yeni giriş tiplerini desteklemeyebilir. Ancak, yine de kullanabilirsiniz, sadece sıradan metin giriş alanı olarak davranacaklardır

 

Örnek

Renk kodunu gösterme:

Bir renk seçin: <input type=”color” name=”favcolor”>

Örnek

Bir tarih seçme:

Doğum günü: <input type=”date” name=”bday”>

Örnek

Bir tarih ve saat seçme:

Doğum günü (tarih ve saat): <input type=”datetime” name=”bdaytime”>

Örnek

Bir tarih ve saat seçme:

Doğum günü (tarih ve saat): <input type=”datetime-local” name=”bdaytime”>

Örnek

Bir e-posta adresi girme (Form gönderildiği sırada doğrulanacaktır):

E-mail: <input type=”email” name=”email”>

Örnek

Bir ay ve yıl seçme (time zone olmadan):

Doğum günü (ay ve yıl): <input type=”month” name=”bdaymonth”>

Örnek

Sayı değeri girme (Sınırlama ile):

Miktar girin (1 ve 5 arasında): <input type=”number” name=”quantity” min=”1″ max=”5″>

Örnek

Aşağıdaki örneği inceleyin:

<input type=”range” name=”points” min=”1″ max=”10″>

 

Örnek

Aşağıdaki örneği inceleyin:

Google’da ara: <input type=”search” name=”googlesearch”>

Örnek

Telefon numarası girmeye yarar:

Telefon: <input type=”tel” name=”usrtel”>

Örnek

Bir saat seçmeye yarayan örnek (time zone olmadan):

Bir saat seçin: <input type=”time” name=”usr_time”>

 

Örnek

Bir adres girme:

Ana sayfanızı ekleyin: <input type=”url” name=”homepage”>

Örnek

Bir hafta ve yıl seçme (time zone olmadan):

Bir hafta seçin: <input type=”week” name=”week_year”>

Related Articles

Leave a Reply

Check Also

Close
Close

Reklam Engelleme

Please consider supporting us by disabling your ad blocker