Html ve Html5 İnput Tipleri ()

Bu makalemizde sizler için bir kaç tane input type topladım. 
 
Input Tipi: text Tek satırlık giriş alanı tanımlar.
<input type="text" name="isim">

Input Tipi: password Şifre Alanı Tanımlar
<input type="password" name="sifre">

Input Tipi: submit Formu göndermek için buton tanımlar.
<input type="submit" value="Gönder">

Input Tipi: radio Kullanıcının tek şecim (sınırlı) yapabileceği radyo düğmeleri tanımlar.
<input type="radio" name="cinsiyet" value="erkek">Erkek
<input type="radio" name="cinsiyet" value="kadın">Kadın


Input Tipi: checkbox Kullanıcının biden çok şecim (sınırsız) yapabileceği onay düğmeleri tanımlar.
<input type="checkbox" name="cinsiyet" value="erkek">Erkek
<input type="checkbox" name="cinsiyet" value="kadın">Kadın


Input Tipi: button Buton Düğmesi Tanımlar
<input type="button" onclick="islem" value="Bana Tıkla">

Input Tipi: number Sayısal veriler girmek için alan oluşturur.
Sayı kısıtlamaları yapılabilir.
<input type="number" name="fiyat" min="1" max="15">

Input Tipi: date Tarih girmek için alan oluşturur.
<input type="date" name="dogum_gunu">

Input Tipi: month Ay ve tarih alanı tanımlar.
<input type="month" name="dogum_ayi">

Input Tipi: week Hafta ve yıl alanı tanımlar.
<input type="week" name="hafta">

Input Tipi: time Zaman (Saat Dilimi) seçmek için izin verir.
<input type="time" name="saat">

Input Tipi: datetime Tarih ve Saat seçmek için alan tanımlar.
<input type="datetime" name="tarih_saat">


Input Tipi: color Renk seçme alanı tanımlar
<input type="color" name="renkler">


Input Tipi: range Belirli bir aralık içinde değer seçmek için kullanılır
<input type="range" name="points" min="0" max="10">

Input Type: tel Telefon numarası kontrolü için alan oluşturur.
<input type="tel" name="tel">

Input Type: email E - Posta kontrolü için alan tanımlar
<input type="email" name="e_posta">

Input Type: search Arama için alan oluşturur.
<input type="search" name="sitede_ara">

Input Type: url Url adresi girmek için alan oluşturur.
input type="url" name="anasayfa"> 

 

 

Programın Çıktısı

Text Tipi

Şifre Tipi

Form Gönderme Tipi

Erkek Kadın Radio Tipi

Erkek Kadın Checkbox Tipi

Button Tipi

Number Tipi

Date Tipi

Month Tipi

Week Tipi

Time Tipi

Datetime Tipi

Color tipi

Range Tipi

Email Tipi

Search tipi

Tel Tipi

Url Tipi

Mesaj ve Yorumlar

Yorum Sayısı (0)

ÜYE YORUMLARI

Çevrimiçi :
10
Günlük :
120
Haftalık :
361
Aylık :
1156
Copyright © 2010 İşbara Alp Sönmez – Programlama Örnekleri. Her hakkı saklıdır. www.alpsonmez.com Bu sitedeki herhangi bir içeriğin, "herhangi bir sitede veya forumda" iznim dışında paylaşım yapılması durumunda hukuki dava açacağımı tarafınıza arz ederim. "Öğrenciler dilediği gibi kullanabilir."