Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5
Html Formlar
#1
Merhaba PCHOCASI takipçileri;
Bu konumuzda sizler için HTML formlardan bahsedeceğim. Formlar HTML yapısının en kolay ve yeni başlayanlar için en zevkli bir konu olduğunu söyleyebilirim.

Form'un birden fazla yapısı bulunmaktadır. Aşağıda da görebileceğiniz gibi Radio Butonları bir diğer adıyla daire buton, Select Box - Seçim Kutusu , Text Box - Metin kutusu. 

[Resim: 5LPJLq.png]   [Resim: 6rgOrW.png]  [Resim: 1V15VD.png]

Şimdi bu 3 formların nasıl yapıldıklarını öğrenelim. (Elbette formlar bu kadar değil bu konu da 3 tane öğreneceğiz.)

Formlarımızın başlangıç tagı;
Kod:
<form>
şeklinde başlamalıdır.
Kod:
</head>
<body>
<form>
</body>

</html>

Radio tagı  ile devam ediyoruz.  Öncelikle yazacağınız isim elbette size ait bunu belirteyim.  Aşağıda ki resimde bulunan kodları yazarak devam ediyoruz. 

Kod:
<body>
<form>
PCHOCASI : 
<input type="radio" name="form" /> <br/>
</body>
</html>

Kodu yazıp ekran çıktısına baktığımız zaman çalıştığını göreceksiniz. 
Burada önemli olan bir nokta var örneğin 2 tane radio butonu oluşturdunuz  "name" bulunan yere aynı kelimeyi yazmanız gerekmektedir yoksa aşağıda ki görüldü gibi hata ile karşılaşırsınız. 

 [Resim: l3Jg4J.png] 

 Resimde görüldüğü gibi iki butonu da seçmiş bulunuyoruz. Radio butonlarında ki amaç sadece birini seçebilmektir. Şimdi ise "name" bulunan yerde yaptığımız yanlışa bakalım. 
 
[Resim: vXkBDr.png] 
Resimde görüldüğü gibi name bulunan yere kelimeleri farklı yazınca üste bulunan resimdeki gibi hata ile karışı karşıya kaldık. Bu sebepten dolayı "name" bulunan yerdeki kelimeleri aynı yapıyoruz. Daha sonra elbette </form> yazarak tagı kapatıyoruz.

Şimdi ise seçim kutularının kodlarını öğrenelim.  Yine radio butonların da olduğu gibi <form> yazarak başlıyoruz.  Aşağıda bulunan resimdeki kodları yazıyoruz.

Kod:
<form>
PCHOCASI:
<input type="checkbox" name="form" /> <br/>

Ekran çıktısına baktığımız zaman çalışacağını göreceğiz.  Aşağıda bulunan resim gibi yazıyoruz. Burada tüm kutuları seçebiliyoruz zaten seçim kutusunun amacı bu. Radio butonu ile karıştırmıyoruz. 

 
Kod:
<form>
PCHOCASI:
<input type="checkbox" name="form" /> <br/>
PCHOCASI:
<input type="checkbox" name="form" /> <br/>
PCHOCASI:
<input type="checkbox" name="form" /> <br/>
[Resim: VPoJbR.png]  

Yine sonunda </form> yazarak tagı kapatıyoruz.  

Son olarak text formunun nasıl yapıldığını öğrenelim. Yine <form> yazarak başlıyoruz.  Aşağıda ki resimde bulunan kodları yazıyoruz. Ekran çıktısına baktığımız zaman çalıştığını göreceğiz. 
Kod:
<form>
PCHOCASI:
<input type="text" name="form" /> <br/>
 
    
[Resim: 779GRm.png]
Bu konumda 3 tane form yapısını öğrendik, bu konuyla alakalı 2.anlatımım da gelecektir. Beklemede kalın...
[Resim: r6qDra.png]
#2
Eline sağlık kardeşim Üniv de ilk zamanlarda öğrenirken baya zorlanmıştık donanımcı ne anlar yazılımdan
Daha önce görmediğimiz için bize zor geliyordu
#3
(14/02/2017, Saat: 08:53)MSI Adlı Kullanıcıdan Alıntı: Eline sağlık kardeşim Üniv de ilk zamanlarda öğrenirken baya zorlanmıştık donanımcı ne anlar yazılımdan
Daha önce görmediğimiz için bize zor geliyordu

Teşekkürler.  Birde hiç isteğiniz yoksa daha da zor oluyor Smile.
[Resim: r6qDra.png]
#4
Teşekkür ederim Smile.
[Resim: r6qDra.png]
  


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
Information HTML-CSS Hover kullanımı serkanege48 0 3,529 18/01/2017, Saat: 05:47
Son Yorum: serkanege48
  HTML'de tablo oluşturma Ömer Faruk Keçer 4 1,604 27/12/2016, Saat: 12:00
Son Yorum: Ahmet Doğukan G.

Hızlı Menü:


Konuyu Okuyanlar:
1 Ziyaretçi