HTML input Etiketi

<input> Etiketi

Örnek

İki input alanlı ve onaylama butonlu bir HTML formu:

<form>
    Email: <input type="text" name="email"/><br/>
    Şifre:   <input type="text" name="sifre"/><br/>
                <input type="submit" value="Onayla"/>
</form>

<input> Tanımı ve Kullanımı

<input> etiketi kullanıcının bilgi girebileceği bir girdi alanını belirler.

<input> elementleri, kullanıcıların bilgi girişine izin veren girdi kontrollerini bildirmek için <form> elementi içerisinde kullanılır.

Girdi alanı özellik türüne bağlı olarak bir çok yönde çeşitlilik kazanabilir.


Tarayıcı Desteği

Element
<input> Var Var VarVar Var Var

İpuçları ve Notlar

Not: <input> elementi boştur, sadece özellikleri içerir.

İpucu: <input> öğelerine etiketler belirlemek için <label> elementini kullanın.


HTML 4.01 ile HTML5 arasındaki farklar

"align" özelliği HTML5'te desteklenmiyor.

HTML5'te, <input> etiketinin bir kaç yeni özelliği var, ve type özelliği bazı yeni değerlere sahip.


HTML ile XHTML arasındaki farklar

HTML'de <input> etiketinin kapanış etiketi yoktur.

XHTML'de ise <input> etiketi doğru bir şekilde kapatılmalıdır: <input />


Özellikler

= HTML5'te yeni.

Özellik Değer Tanım
accept dosya_uzantısı
audio/*
video/*
image/*
medya_türü
Sunucunun kabul ettiği dosya türlerini belirler. (sadece type="file" için)
align left
right
top
middle
bottom
HTML 5'te desteklenmiyor.
Resim girdisinin hizalanışını belirler. (sadece type="image" için)
alt yazı Resimler için alternatif metni tanımlar. (sadece type="image" için)
autocomplete on
off
<input> elementinin otomatik tamamlama özelliğinin açık veya kapalı olacağını belirtir.
autofocus autofocus Sayfa yüklenirken <input> elementine otomatik olarak odaklanmayı belirler.
checked checked Sayfa yüklenirken bir <input> elementinin vurgulu seçenek olduğunu belirler. (type="checkbox" veya type="radio" için)
disabled disabled Bir <input> elementinin engellendiğini belirtir.
form form_id <input> elementinin ait olduğu bir veya daha fazla formu belirler.
formaction URL Form onaylandığında girdi kontrolünü yürütecek olan dosyanın URL'sini belirler. (type="submit" ve type="image" için)
formenctype application/x-www-form-urlencoded
multipart/form-data
text/plain
Form bilgisinin sunucuya gönderilirken nasıl şifreleneceğini belirler. (type="submit" ve type="image" için)
formmethod get
post
Eylemi gerçekleşeceği URL'ye bilgiyi göndermek için HTTP metodunu tanımlar. (type="submit" ve type="image" için)
formnovalidate formnovalidate Form elementlerinin onaylandığında, doğrulanmaması gerektiğini tanımlar.
formtarget _blank
_self
_parent
_top
çerçeve_adı
Form onaylandıktan sonra yanıtın nerede görüntüleneceğini belirler.(type="submit" ve type="image" için)
height piksel <input> elementinin yüksekliğini belirler. (sadece type="image" için)
list verilistesi_id <input> elementi için öntanımlı ayarlar içeren bir <datalist> elementine kaynak gösterir.
max sayı
tarih
<input> elementi için maksimum değeri tanımlar.
maxlength sayı <input> elementi içerisinde izin verilen maksimum karakter sayısını belirler.
min sayı
tarih
<input> elementi için minimum bir değer tanımlar.
multiple multiple Kullanıcının bir <input> elementi içerisine birden fazla değer girebileceğini belirtir.
name yazı <input> elementinin adını belirler
pattern ifade <input> elementinin değerinin kıyaslanacağı bir düzenli ifade belirler.
placeholder yazı Bir <input> elementinin tahmini değerini tanımlayan kısa bir ipucunu belirtir.
readonly readonly Girdi alanının salt-okunur olduğunu belirtir.
required required Formu onaylamadan önce doldurulması zorunlu alanları ifade eder.
size sayı Bir <input> elementinin karakter genişliğini belirler.
src URL Onaylama butonu olarak kullanılacak olan görüntünün URL'sini belirtir.
step sayı Girdi alanı için kurallı sayı aralıkları belirler.
type button
checkbox
color
date
datetime
datetime-local
email
file
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week
<input> elementinin göstereceği türü belirler.
value yazı <input> elementinin değerini tanımlar.
width piksel <input> elementinin genişliğini belirler. (sadece type="image" için)

Standart Özellikler

<input> etiketi Standart Özellikleri desteklemektedir.

HTML Standart Özellikler'i inceleyebilirsiniz.


Olay Özellikleri

<input> etiketi Olay Özelliklerini desteklemektedir.

HTML Olay Özellikleri'ni inceleyebilirsiniz.

Yorumlar

Popüler yayınlar

CSS content Özelliği

CSS justify-content Özelliği

Javascript ile neler yapılabilir

CSS top Özelliği

HTML strong Etiketi

Kriptopara nasıl alınır ve nereden alınır?

Ücretsiz Bitcoin Kazan Pasif Gelir Elde Et İnternetten Para Kazan

Javascript Oyun Yapma Dersleri HTML5+CSS3

CSS flex-basis Özelliği

HTML5 Canvas Oyun Yapımı Dersleri