HTML <input> etiketi

Tanım ve Kullanım

<input> Etiket, kullanıcıların veri girebileceği bir girdi alanı tanımlar.

<input> Formun en önemli elementidir.

<input> Elementin nasıl görüneceği, type özelliği.

Aşağıda farklı girdi türleri verilmiştir：

  • <input type="button">
  • <input type="checkbox">
  • <input type="color">
  • <input type="date">
  • <input type="datetime-local">
  • <input type="email">
  • <input type="file">
  • <input type="hidden">
  • <input type="image">
  • <input type="month">
  • <input type="number">
  • <input type="password">
  • <input type="radio">
  • <input type="range">
  • <input type="reset">
  • <input type="search">
  • <input type="submit">
  • <input type="tel">
  • <input type="text">（varsayılan değer）
  • <input type="time">
  • <input type="url">
  • <input type="week">

Gözatın type özelliği！her türdeki girdi türünün örneklerini görmek için

Örnek

Üç giriş Alanı Oluşturan HTML Formu; iki metin alanı ve bir gönderme düğmesi içeren:

<form action="/action_page.php">
  <label for="fname">İsim：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Soyadı：</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Gönder">
</form>

Kişisel olarak deneyin

İpuçları ve açıklamalar

İpucu：Aşağıdaki ögeler için her zaman <label> etiketi kullanın：

<input type="text">
<input type="checkbox">
<input type="radio">
<input type="file">
<input type="password">

Özellik

Özellik Değer Açıklama
accept
  • Dosya uzantısı
  • audio/*
  • video/*
  • image/*
  • Medya türü

Dosya yükleme yoluyla gönderilen dosyanın türünü belirtir。

Kullanıcının dosya girişi iletişim kutusundan seçebileceği dosya türü filtresini belirtir（sadece type="file" için geçerlidir）。
alt Metin Resmin alternatif metnini belirtir（sadece type="image" için geçerlidir）。
autocomplete
  • on
  • off
 <input> ögesinin otomatik tamamlamayı etkinleştirip etkinleştirmeyeceğini belirtir。
autofocus autofocus 页面加载时应自动获得焦点的 <input> ögesini belirtir。
checked checked 页面加载时应预先选中 <input> ögesini belirtir（适用于 type="checkbox" veya type="radio"）。
dirname inputname.dir 提交的文本方向ı belirtir。
disabled disabled 提交时��用 <input> ögesini belirtir。
form 表单 id <input> ögesinin ait olduğu formu belirtir。
formaction URL 表单提交时处理输入控件的文件 URL（适用于 type="submit" 和 type="image"）。
formenctype
  • application/x-www-form-urlencoded
  • multipart/form-data
  • text/plain
 Form verilerini sunucuya gönderirken nasıl kodlanacağını belirler (type="submit" ve type="image" için geçerlidir).
formmethod
  • get
  • post
 Form elemanı gönderilirken action URL'ye veri göndermek için kullanılacak HTTP yöntemini tanımlar (type="submit" ve type="image" için geçerlidir).
formnovalidate formnovalidate Form gönderme elemanında doğrulama yapılmamasını tanımlar.
formtarget
  • _blank
  • _self
  • _parent
  • _top
Çerçeve adı 		Form gönderildikten sonra alınan yanıtı nerede görüntülenmesini belirler (type="submit" ve type="image" için geçerlidir).
height Piksel <input> elemanının yüksekliğini (sadece type="image" için geçerlidir).
list datalist_id <input> elemanının önceden tanımlanmış seçeneklerini içeren <datalist> elemanını içeren alıntıyı belirler.
max
  • sayı
  • Tarih
 <input> elemanının en büyük değerini belirler.
maxlength sayı <input> elemanına izin verilen en fazla karakter sayısını belirler.
min
  • sayı
  • Tarih
 <input> elemanının en küçük değerini belirler.
minlength sayı <input> elemanında gerekli en az karakter sayısını belirler.
multiple multiple Kullanıcının <input> elemanında çoklu değer girebilmesini sağlar.
name Metin Giriş elemanının adını belirler.
pattern 正则表达式 Giriş elemanı değerini kontrol eden正则表达式
placeholder Metin Giriş elemanının beklenen değerine ilişkin kısa ipucunu belirler.
popovertarget Element id Çağrılacak açılan pencere elemanını belirler (sadece type="button" için geçerlidir).
popovertargetaction
  • hide
  • show
  • toggle
 Butona tıkladığınızda açılan pencere elemanının ne olacağını belirler (sadece type="button" için geçerlidir).
readonly readonly Giriş alanının salt okunabilir olduğunu belirler.
required required Formu göndermeden önce girilmesi gereken giriş alanını belirler.
size sayı Giriş elemanının genişliğini (karakter sayısı olarak) belirler.
src URL Sunucusuna gönderilecek olan buton görsel URL'sini belirler (sadece type="image" için geçerlidir).
step
  • sayı
  • herhangi
 Giriş alanında geçerli sayı aralığını belirler.
type
  • button
  • checkbox
  • color
  • date
  • datetime-local
  • email
  • file
  • hidden
  • image
  • month
  • number
  • password
  • radio
  • range
  • reset
  • search
  • submit
  • tel
  • text
  • time
  • url
  • week
 Görüntülenecek <input> elementinin türünü belirler.
value Metin <input> elementinin değerini belirler.
width Piksel <input> elementinin genişliğini belirler (sadece type="image" için geçerlidir).

Genel Özellikler

<input> Etiketler ayrıca HTML'deki Genel Özellikler.

Olay Özellikleri

<input> Etiketler ayrıca HTML'deki Olay Özellikleri.

Varsayılan CSS Ayarları

Yok.

Tarayıcı Desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek

İlgili Sayfalar

HTML Eğitimi:

HTML DOM Referans Kılavuzu: