HTML Form Oluşturma

08.05.2011 tarihinde , Espiar tarafından yazılmış ve 257 kere okunmuş.

HTML Formları kullanıcının klavye ile girdiği bilgileri işlemek için kullanılır.

Formlar

Bir form, form elemanlarını içinde bulunduran alandır.

Form elemanları kullanıcıların bilgi girmesini sağlayan elemanlardır. (metin alanları, açılabilir listeler, seçenek kutuları, kontrol kutuları)

Kullanım biçimi:

<form>
  <input>
  <input>
</form>

Giriş (Input)

En çok kullanılan form etiketi <input> etiketidir.

Metin Alanları

Kullanıcının rakam veya harf girmesini istediğiniz yerlerde bunu kullabilirsiniz.

<form>
Adınız: 
<input type="text" name="isim">
<br>
Soyadınız: 
<input type="text" name="soyad">
</form>

Çıktısı:

Formun kendisinin görünmediğine dikkat ediniz. Ayrıca bir çok tarayıcının metin giriş alanı için varsayılan olarak 20 karakterlik alan bıraktığına dikkat ediniz.

Seçenek Butonları (Radio Buttons)

Kullanıcının bir çok seçenek içinden sadece bir tanesini seçebilmesini istediğiniz zaman bunu kullanırsınız.

<form>
<input type="radio" name="Cinsiyet" value="Erkek"> Erkek
<br>
<input type="radio" name="Cinsiyet" value="Kadın"> Kadın
</form>

Çıktısı:

Kontrol kutuları (Checkboxes)

Kullanıcının, sunulan seçenekler içinden istediği kadar seçmesini sağlamak için bunu kullanabilirsiniz.

<form>
Bir bisikletim var:
<input type="checkbox" name="Tasit" value="Bisiklet">
<br>
Bir arabam var: 
<input type="checkbox" name="Tasit" value="Araba">
<br>
Bir uçağım var: 
<input type="checkbox" name="Tasit" value="Uçak">
</form>

Çıktısı:

Formlarda "Action" Parametresi ve "Submit" Butonu

Kullanıcı submit (gönder) butonuna tıkladığında girilen bilgiler başka bir sayfaya gönderilir. Action parametresinde ise bilgilerin hangi dosyaya gönderileceği belirtilir. Bilgilerin gönderildiği dosya, genellikle gelen bilgilerle ilgili ne tür işlem yapılacağı hakkında bilgiler içerir.

<form name="input" action="ornekler/html_form_action.php"
method="get" target="_blank">
Kullanıcı Adı: 
<input type="text" name="kullanici">
<input type="submit" value="Gönder">
</form>

Çıktısı:

Eğer yukarıdaki kutuya birşeyler yazıp butona tıklarsanız, girdiğiniz bilgileri "html_form_action.php" dosyasına gönderirsiniz. Yeni pencerede açılacak olan bu sayfada girmiş olduğunuz bilgileri görebilirsiniz.

Form Etiketleri

Etiket	Açıklama
<form>	Form
<input>	Giriş alanı
<textarea>	Çok satırlı metin giriş alanı
<label>	Etiket
<fieldset>	Alanların ayarlarının nasıl olacağını belirtir.
<legend>	Manşet
<select>	Açılabilir liste (combobox)
<optgroup>	Seçenek kutusu grubu
<option>	Açılabilir liste içindeki maddeleri belirtir.
<button>	Buton
<isindex>	Önemsiz. Bunun yerine <input> etiketini kullanınız.

Etiketler : HTML Form Oluşturma

Yazdır

Yazıyı Paylaş

HTML Kodları

Yazıya Yapılan Yorumlar

Bu yazıya hiç yorum eklenmemiş.

Sizde bu yazıya yorum yapabilirsiniz..
Adınız	:	( Gerekli )
Email	:	Gösterilmeyecek ( Gerekli )
Siteniz	:
Mesajınız	:


Üyelik

Kullanıcı :
Parola :


Duyuru

Askerlik nedeni ile ara verilmiştir... NEKES.NET


Kategoriler

HTML Kodları CSS Dersleri PHP Dersleri ASP.NET Dersleri Hazır Scriptler	SQL Dersleri JavaScript Kodları jQuery ve AJAX Şablon ve Temalar Bilişim Haberleri


Çok Okunan Yazılar

PHP ile web tabanlı mail gönderme (iletişim)
Özellikler Penceresi
Desbil v1 ve Bariz Firma v1 ASP Scriptler
SQL AS Sözcüğü ve Takma İsimler (Alias)
LightBox JS ile web galerileri hazırlamak
HTML Stiller (Styles)
Ücretsiz Web 2.0 Temaları
CSS ile Neler Yapabiliriz? (Basit Bir Örnek)

Rastgele Yazı

SQL ND ve OR İşleçleri


● Son Yorumlar

Çok teşekkür ederim. Sitemin admin panelinde kullandım ve ekleme ve güncelleme sayfalarım gibi dışarıya kapalı olması gereken her sayfada çalıştırdım. Fevkalade çalışıyorlar. Uzun ve zahmetli aramalardan kurtuldum. Allah razı olsun. Yazan: Erkan Güney merhaba site çok hoş elinize sağlık ben yeni mezunlardanım bununla başladım inceledim gayette güzel oldu gerekli düzeltmeleri yapınca fakat bi sorun var henüz kimse karşılaşmamıs sanırım FCK EDİTÖR admin sayfalarında çalışmıyor. bu durumu çözemedim şimdiden teşekkürler Yazan: seda aslan merhaba barziweb redkod hepsini indirdim ama hosta 404.asp gösteriyorum elimle .asp gösterirsem sorun yok ama .html seo açıkken asp dosyasına ulaşamıyor ADODB.Field (0x800A0BCD) Ya BOF ya da EOF Doğru veya geçerli kayıt silinmiş. İstenen işlem geçerli bir kayıt gerektiriyor. /7/kurumsal_detay.asp, line 103 bu hatayı veriyor çözemedim bu scirptin düzgün çalışan versiyonu yokmu acaba ? selamlar Yazan: canberk Database Disclosure açığı var. Yazan: özkan üstad bu 404 hata sayfasını nasıl çevirecegiz 404.aspye lütfen biraz bu konuda yardım edermisin Yazan: hüseyin kandemir


● Özel Video