Anasayfa / Web Tasarım / HTML / HTML Form Oluşturma 2. Kısım [İnput parametreleri] (Ders 10)

HTML Form Oluşturma 2. Kısım [İnput parametreleri] (Ders 10)

Form yapılarından olan input etiketinin parametrelerinin fazlalığı sebebiyle bir önceki dersimiz tamamlanmamıştır. Dolayısıyla bu dersimiz bir önceki dersimiz aynı konuya değinecektir. Şimdi input etiketinin parametrelerini ve alabileceği değerlere göz atalım.

İnput etiketi temel form yapılarına veri girişini sağlamak için kullanılır. Faklı tipteki verileri girebilmek için farklı input tipleri vardır.

NOT: Bu serinin bir sonraki dersinde bir örnek form hazırlanacaktır.

ParametreDeğer TipiAçıklama
typeDüğme
İşaret Kutusu
Tarih
Renk
E-posta
Zaman
Resim
Dosya
Şifre
Sayı
Reset
Aralık
Arama
Gönderme
Tel
Metin
URL
İnput elemanının tipi bu parametre ile belirlenir.
formactionURLForm verilerinin gönderileceği adresi bildirir.
valueYazıİnput elemanlarının değerlerini belirleyen parametredir.
widthPikselElemanın genişliğini belirler.
heightPikselElemanın yüksekliğini belirler.
srcURLBu parametre sadece Gönderme (submit) butonunu olşturacak olan resmin adresini belirtir.
maxSayı/Tarihİnput alanına girilebilecek maksimum değer burada belirtilir.
minSayı/Tarihİnput alanına girilebilecek minimum değer burada belirtilir.
maxlenghtSayıİnput alanına girilebilecek maksimum karakter sayısını belirtir.
stepSayıİnput alanına girilebilecek değer aralığını belirlemek için kullanılır. (harf, sayı vs. sayısı burada belirtilir)
sizeSayıİnput alanının genişliği-büyüklüğü karakter sayısı cinsinden belirtilmesini sağlar.
formmethod* get (Alma)
* post (Gönderme)
Form elemanlarının gönderim tipini belirler. Submit ve image tipleri için geçerlidir.
formtarget* _self
* _top
* _parent
* _blank
* Frame İsmi
Form verileri gönderildikten sonra verilerin nerede-ne şekilde açılacağı belirlenir.
nameYazıİnput elemanın ismi burada belirtilir.
formenctypeForm verilerinin ne şekilde şifreleneceği belirtilir.
altYazıİmage tipi inputlar için geçerlidir. (Görsel görünmediği takdirde ortaya çıkacak açıklama yazısını belirtir.)
checkedcheckbox (işaret kutusu) tipi inputlar için kullanılır. Bu parametre değer almaz. Kullanıldığı checkbox seçeneğinin işaretlenmesini sağlar.
accept* Dosya uzantısı
* Ses Dosyası
* Video Dosyası
* Resim Dosyası
Sadece dosya(file) tipi inputlar için kullanılır. Dosya tipini belirtir.
autocomplateOn/OffOtomatik tamamlamanın yapılıp yapılmayacağı belirlenir.
autofocusOto odaklama özelliğinin devre dışı olup olmayacağı belirtilir.
dirnameYazıGönderilecek yazının yönünü belirtir.
disabledİnput elemanının devre dışı olup olmayacağı belirtilir.
form<form> NumarasıForm numasını belirtir.
formnovalidateDoğrulama (Novalidate) ibaresiForm gönderilmeden yapılması gerektiği burada belirtilir.
list<datalist> numarasıİlişki kurulacak özgün datalist id si burada belirtilir.
multipleÇoklu değer girilebilmesi (multiple)Bir input alanına birden fazla değer girilebileceği burada belirtilir.
patternregexpİnput alanına girilecek değer in kalıbı burada belirtilir.
placeholderYazıİnput alanına girilecek hakkında ipucu ekranı oluşturabilir.
readonlySadece okunur (redaonly)İnput elemanlarının sadecce okunur özellikte olup olmadığı burada belirtirlir.
requiredZorunlu (required)İnput elemanın doldurulmasının zorunlu olup olmadığı burada belirtilir.

Bir sonraki yazımızda görüşmek üzere…

Hakkında Furkan Yağmur

Check Also

web-gemisi

HTML Liste Oluşturma Etiketleri (Ders 8)

Html yapılarında liste oluşturmak için iki seçenek vardır. Bunlar Sıralı ve Sırasız listelerdir. Listelerimizin içine …

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir