Şifre Girişi

<input type="password" class="form-control" id="password" placeholder="Şifrenizi giriniz..."> 

Genel Metin Girişi

<input type="text" class="form-control" id="text" placeholder="Ad ve Soyad giriniz...">

Basit Tarih Girişi

Tüm tarih serbest şekilde el ile girilir.Basit yapıdadır. Belirli bir formatı yoktur. Bu yüzden yanlış girilme ihtimali yüksek olur.

<input type="datetime" class="form-control" id="datetime" placeholder="Tarih giriniz...">

Gelişmiş Tarih ve Saat Girişi

datetime type'ına göre daha gelişmiştir. Seçme ekranı ve işlevsel butonlar sunar.

<input type="datetime-local" class="form-control" id="datetime-local">

Ay ve Yıl Girişi

Seçme ekranı ve işlevsel butonlar vardır. Sadece ay ve yıl girişi yapılabilir.

<input type="month" class="form-control" id="month">

Saat ve Dakika Girişi

İşlevsel butonlar vardır.Saat ve dakika girişi yapılabilir.

<input type="time" class="form-control" id="time">

Tarih Girişi

Seçme ekranı ve işlevsel butonlar bulunur. Sadece tarih girişi yapılabilir.

<input type="date" class="form-control" id="date">

Yıl ve Hafta Girişi

Seçme ekranı ve işlevsel butonlar bulunur. Yıl ve hafta girişi yapılabilir.

<input type="week" class="form-control" id="week">

URL Adresi Girişi

Temel yazı mantığında çalışmaktadır. URL adresleri girmek için kullanılır.

<input type="url" class="form-control" placeholder="URL adresi giriniz..." id="url">

E-Mail Girişi

E-Mail adresleri için kullanılır.

<input type="email" class="form-control" placeholder="E-Mail adresi giriniz..." id="email">

Renk Seçimi

<input type="color" class="form-control" value="#624574" id="color">

Arama Girişi

Arama için kullanılır. Wordpress ile daha etkili biçimde kullanılabilir.

<input type="search" class="form-control" placeholder="Arama yapınız..." id="search">

Rakam Seçimi

<input type="number" class="form-control" id="number">

Telefon Girişi

<input type="tel" class="form-control" id="tel">