HTML FORM ÖĞE VE GİRİŞ TİPLERİ

HTML’de kullanabileceğiniz farklı giriş türleri:

  • <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”>
  • <input type=”time”>
  • <input type=”url”>
  • <input type=”week”>

YAZI GİRİŞİ

<input type=”text”> metin girişi için bir satırlık giriş alanı tanımlar.

GÖNDER DÜĞMESİ

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

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

Form işleyicisi, formun eylem özelliğinde belirtilir.

Bu, yukarıdaki HTML kodunun bir tarayıcıda nasıl gösterileceğidir:

First name:

Last name:

GİRİŞ TÜRÜ METNİ

<input type=”text”> tek satırlık bir metin giriş alanı tanımlar.

Bu, yukarıdaki HTML kodunun bir tarayıcıda nasıl gösterileceğidir:

Kullanıcı Adı:

Kullanıcı Soyadı:

GİRİŞ TİPİ ŞİFRESİ

<input type=”password”> Bir şifre alanı tanımlar.

Bu, yukarıdaki HTML kodunun bir tarayıcıda nasıl gösterileceğidir:

Kullanıcı Adı:

Kullanıcı Şifresi:

GİRİŞ TİPİ SIFIRLAMA

<input type=”reset”> Tüm form değerlerini varsayılan değerlerine sıfırlayacak bir sıfırlama düğmesi tanımlar.

RADYO GİRİŞ TİPİ

<input type=”radio”>Bir radyo düğmesini tanımlar.

Radyo düğmeleri, kullanıcının sınırlı sayıda seçenek arasından SADECE BİR TANESİNİ seçmesini sağlar.

Bu, yukarıdaki HTML kodunun bir tarayıcıda nasıl gösterileceğidir:

Erkek
Kadın
Diğer

GİRİŞ TÜRÜ ONAY KUTUSU

<input type=”checkbox”>Bir onay kutusu tanımlar.

Onay kutuları, kullanıcının sınırlı sayıda seçeneğin SIFIR veya DAHA FAZLA seçeneklerini seçmesine izin verir.

Bu, yukarıdaki HTML kodunun bir tarayıcıda nasıl gösterileceğidir:

Evim Var
Arabam Var

RENK GİRİŞ TÜRÜ

<input type=”color”>Bir renk içermesi gereken giriş alanları için kullanılır. Tarayıcı desteğine bağlı olarak, giriş alanında bir renk seçici görünebilir.

TARİH GİRİŞ TÜRÜ

<input type=”date”>tarih içermesi gereken girdi alanları için kullanılır. Tarayıcı desteğine bağlı olarak, giriş alanında bir tarih seçici görünebilir.

DOSYA GİRİŞ TÜRÜ

<input type=”file”> dosya seçme alanı ve dosya yüklemeleri için “Gözat” düğmesini tanımlar.

AY GİRİŞ TÜRÜ

<input type=”month”>Kullanıcının bir ay ve yıl seçmesine izin verir. Tarayıcı desteğine bağlı olarak, giriş alanında bir tarih seçici görünebilir.

ARAMA YAPMA

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