HTML5: Input Types Kullanımı

Bu konumuzda HTML5 ile forum elementlerinin (Input Types) kullanımını öğrenelim.

HTML5 Input Types

  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week
Not: HTML5 Input Types kullanımı <input> tag'ı içerisinde yer alır.

HTML5 Forum Elementleri:

Renk Seçiniz: <input type="color" name="renk">
Tarih Seçiniz: <input type="date" name="tarih">
Tarih ve Saat Seçiniz:<input type="datetime-local" name="tarihsaat">
Email Adresiniz:<input type="email" name="email">
Ay Seçiniz:<input type="month" name="ay">
Sayı Seçiniz:<input type="number" name="sayi">
Aralık Seçiniz:<input type="range" name="aralik">
Ara:<input type="search" name="ara">
Telefon Numaranız:<input type="tel" name="telefon">
Zaman/Saat:<input type="time" name="saat">
Adres[URL]:<input type="url" name="url">
Hafta Seçiniz:<input type="week" name="hafta">

Kodlar:
<!DOCTYPE html>
<html>
<body>

<form action="gonder.php">
  Renk Seçiniz: <input type="color" name="renk"><br>
  Tarih Seçiniz: <input type="date" name="tarih"><br>
  Tarih ve Saat Seçiniz:<input type="datetime-local" name="tarihsaat"><br>
  Email Adresiniz:<input type="email" name="email"><br>
  Ay Seçiniz:<input type="month" name="ay"><br>
  Sayı Seçiniz:<input type="number" name="sayi"><br>
  Aralık Seçiniz:<input type="range" name="aralik"><br>
  Ara:<input type="search" name="ara"><br>
  Telefon Numaranız:<input type="tel" name="telefon"><br>
  Zaman/Saat:<input type="time" name="saat"><br>
  Adres[URL]:<input type="url" name="url"><br>
  Hafta Seçiniz:<input type="week" name="hafta"><br>
       <input type="submit">
</form>

</body>
</html>

Örnek Olarak:

Renk Seçiniz:

Tarih Seçiniz:

Tarih ve Saat Seçiniz:

Email Adresiniz:

Ay Seçiniz:

Sayı Seçiniz:

Aralık Seçiniz:

Ara:

Telefon Numaranız:

Zaman/Saat:

Adres[URL]:

Hafta Seçiniz:





Bizi Takip Edin
Pinterest Facebook Twitter
 © by bilgicafem61
Aşağıda Yorum ve Sorularınızı Bırakın.



Yorum Gönder Blogger

 
Top