HTML Konuları

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.

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="">