HTML Input Etiketleri

12/08/2022
HTML Input Types

Genellikle formlarda kullanılan HTML input etiketleri, sayfaya gelen kullanıcıların veri girişi yapmalarına yardımcı olurlar.

HTML Input Tipleri

En basit haliyle kullanıcıların iletişim bilgilerini toplayacak olan bir form için ad, soyad, telefon numarası, email adresi gerekir. Kullanıcıların bu bilgileri web sayfaları üzerinden giriş yapabileceği input etiketlerini bulunuyor. Genellikle <form> etiketi içerisinde kullanılan input etiketlerinin ihtiyaca göre özelleşmiş versiyonları da var.

Button

<input type="button" value="">


Checkbox Input

<input type="checkbox" name="" id="">


Color

<input type="color" name="" id="">


Email

<input type="email" name="" id="">


File

File input yerel cihaz üzerinden dosya yüklemek için kullanılır.

<input type="file" name="" id="">


Hidden

<input type="hidden" name="">

Number

Sadece sayısal verilerin girişi için kullanılır, harf veya herhangi bir özel karakter girişini desteklemez.

<input type="number" name="" id="">


Password

<input type="password" name="" id="">


Radio

Birden fazla seçenek arasından birinin tercih edilmesi için radio input etiketi kullanılır.

<input type="radio" value="" name="" id="">
Radio Selector


Range

<input type="range" name="" id="">


Reset

<input type="reset" value="">


Search

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


Submit

<input type="submit" value="">


Tel

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


Text

<input type="text" name="" id="">


URL

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


Time

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


Month

<input type="month" name="" id="">


Week

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


Date

<input type="date" name="" id="">


Datetime

<input type="datetime" name="" id="">


Datetime Local

<input type="datetime-local" name="" id="">


Image

<input type="image" src="" alt="">

Otomatik Tamamlama (autocomplete) Nasıl Kapatılır?

Arama çubuğunda otomatik tamamlamayı kapatmak için autocomplete=”off” özelliğini ekleyin.

<input type="search" name="" id="" autocomplete="off">

HTML Input Autocomplete