html-input

<input type = "text"> , tek satırlı bir metin girişi alanı tanımlar :


< input type = "password"> bir şifre alanı tanımlar :


< input type = "submit"> , bir form işleyicisine form verileri göndermek için bir düğme tanımlar .

Form işleyici, genellikle, girdi verilerini işlemek için bir komut dosyası içeren bir sunucu sayfasıdır.

Form işleyicisi, formun eylem özniteliğinde belirtilir:


< input type = "reset"> , tüm form değerlerini varsayılan değerlerine sıfırlayacak bir sıfırlama düğmesi tanımlar :

< input type = "radio"> bir radyo düğmesi tanımlar .

Radyo düğmeleri, bir kullanıcının sınırlı sayıda SADECE BİR SEÇİMi seçmesine izin verir:

< input type = "button"> bir düğme tanımlar :


< Input type = "color"> bir renk içermelidir giriş alanları için kullanılmaktadır.

Tarayıcı desteğine bağlı olarak, bir renk seçici giriş alanına görünebilir.

< Input type = "date"> bir tarih olmalıdır giriş alanları için kullanılmaktadır.

Tarayıcı desteğine bağlı olarak, bir tarih seçici giriş alanına girebilir.

Ayrıca, tarihlere kısıtlamalar ekleyebilirsiniz:


< Input type = "datetime-local"> saat dilimi olmayan bir tarih ve saat giriş alanı belirtir.

Tarayıcı desteğine bağlı olarak, bir tarih seçici giriş alanına girebilir.

< Input type = "email"> e-posta adresi içermelidir giriş alanları için kullanılmaktadır.

Tarayıcı desteğine bağlı olarak, e-posta adresi gönderilirken otomatik olarak doğrulanabilir.

Bazı akıllı telefonlar e-posta türünü tanır ve e-posta girdisini eşleştirmek için klavyeye ".com" ekler.

< Input type = "month"> Kullanıcı bir ay ve yıl seçmenize olanak sağlar.

Tarayıcı desteğine bağlı olarak, bir tarih seçici giriş alanına girebilir.

< input type="number"> bir tanımlayan sayısal bir giriş alanı.

Ayrıca hangi sayıların kabul edildiğine ilişkin kısıtlamalar da koyabilirsiniz.

Aşağıdaki örnek, 1'den 5'e bir değer girebileceğiniz sayısal bir giriş alanını görüntüler:



Bazı yaygın girdi kısıtlamalarını aşağıda bulabilirsiniz (bazıları HTML5'te yeni):

disabled :
Bir giriş alanının devre dışı bırakılacağını belirtir.

max :
Bir girdi alanı için maksimum değeri belirtir.

maxlength :
Bir girdi alanı için maksimum karakter sayısını belirtir.

min :
Bir girdi alanı için minimum değeri belirtir

pattern :
Giriş değerini kontrol etmek için düzenli bir ifade belirtir. (regexp)

readonly :
Bir girdi alanının salt okunur olduğunu belirtir (değiştirilemez)

required :
Bir giriş alanının gerekli olduğunu belirtir (doldurulması gerekir)

size :
Bir girdi alanının genişliğini (karakter olarak) belirtir

step :
Bir girdi alanı için yasal sayı aralıklarını belirtir.

value :
Bir girdi alanının varsayılan değerini belirtir.

accept :
Sunucunun kabul ettiği dosya türlerini belirtin (yalnızca type = "file" için)

alt :
Görüntüler için alternatif bir metin belirtir (yalnızca type = "image" için)

autocomplete :
Bir <input> öğesinin otomatik tamamlamanın etkin olup olmadığını belirtir

autofocus :
Sayfa yüklendiğinde bir <input> öğesinin otomatik olarak odaklanacağını belirtir

checked :
Sayfa yüklendiğinde bir <input> öğesinin önceden seçilmesi gerektiğini belirtir (type = "checkbox" veya type = "radio").

dirname :
Metin yönünün gönderileceğini belirtir

list :
Bir <input> öğesi için önceden tanımlanmış seçenekler içeren bir <datalist> öğesine karşılık gelir

max :
Bir <input> öğesi için maksimum değeri belirtir.


multiple :
Bir kullanıcının bir <input> öğesinde birden fazla değer girebileceğini belirtir.

src :
Gönderme düğmesi olarak kullanılacak resmin URL'sini belirtir (yalnızca type = "image" için)


type : Aldığı Değerler

button, checkbox, color, date, datetime-local, email, file, hidden, image, month, number,
password, radio, range, reset, search, submit, tel, text, time, url, week



Aşağıdaki örnek, 0'dan 100'e 10'ar adımlarla girebileceğiniz sayısal bir girdi alanı görüntüler. Varsayılan değer 30'dur:

< form>

Quantity:

<input type="number" name="points" min="0" max="100" step="10" value="30">

< /form>


< input type="range"> bunun tam değer (bir kaydırma kontrol gibi) önemli olmayan bir numarasını girmek için bir denetim tanımlar. Varsayılan aralık 0'dan 100'e kadardır. Bununla birlikte, sayıların min, max ve step nitelikleriyle kabul edildiğine ilişkin kısıtlamaları ayarlayabilirsiniz:

< form>

<input type="range" name="points" min="0" max="10">

< /form>


< Input type = "search"> (bir arama alanı normal bir metin alanı gibi davranır) Arama alanları için kullanılır.

< form>

Arama Google:

<input type="search" name="googlesearch">

< /form>



< Input type = "tel"> Bir telefon numarası içermelidir giriş alanları için kullanılmaktadır.

Tel türü şu anda yalnızca Safari 8'de desteklenmektedir.

< form>

Telefon:

<input type="tel" name="usrtel">

< /form>



< Input type = "time"> Kullanıcı bir süre (saat dilimi bir) seçmenize olanak sağlar.

Tarayıcı desteğine bağlı olarak, bir saat seçici giriş alanına girebilir.

< form>

Bir zaman seç:

<input type="time" name="usr_time">

< /form>



< Input type = "url"> URL adresini içermelidir giriş alanları için kullanılmaktadır.

Tarayıcı desteğine bağlı olarak, url alanı gönderildiğinde otomatik olarak doğrulanabilir.

Bazı akıllı telefonlar url türünü tanır ve URL'ye uyması için klavyeye ".com" ekler.

< form>

Ana sayfanızı ekleyin:

<input type="url" name="homepage">

< /form>



< Input type = "week"> kullanıcı haftada yıl seçmenize olanak sağlar.

Tarayıcı desteğine bağlı olarak, bir tarih seçici giriş alanına girebilir.

< form>

Bir hafta seçin:

<input type="week" name="week_year">

< /form>