PC Hocası Forum


Html Formlar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5


Konu: 47
Mesaj: 1,036
Cinsiyet: Bay
Kıdem: 27-12-2016

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. 

5LPJLq.png   6rgOrW.png  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. 

 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. 
 
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/>
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/>
 
    
779GRm.png
Bu konumda 3 tane form yapısını öğrendik, bu konuyla alakalı 2.anlatımım da gelecektir. Beklemede kalın...

Cevapla
(Son Düzenleme: 14/02/2017, Saat: 12:14, Düzenleyen: Ahmet Doğukan G..) .
Konu: 17
Mesaj: 3,025
Cinsiyet: Bay
Kıdem: 11-12-2016

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
i7 6700.msı z170a pro.evga gtx 1070 sc.16 gb ram corsair,hyperx.750 wat 80 broz psu.22 inç samsung 60 hz monitör.850 evo 256 gb ssd


Cevapla
.
Konu: 47
Mesaj: 1,036
Cinsiyet: Bay
Kıdem: 27-12-2016

(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.

Cevapla
.
Konu: 33
Mesaj: 2,431
Cinsiyet: Bay
Kıdem: 30-09-2016

Öylede güzeeellllll böylede güzeeeeelllll

Cevapla
.
Konu: 47
Mesaj: 1,036
Cinsiyet: Bay
Kıdem: 27-12-2016

Teşekkür ederim Smile.

Cevapla
.


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Yeni Başlayanlar İçin HTML PCMaster 5 481 11/03/2017, Saat: 18:25
Son Yorum: Expert
Information HTML-CSS Hover kullanımı serkanege48 0 331 18/01/2017, Saat: 05:47
Son Yorum: serkanege48
  HTML'de tablo oluşturma Ömer Faruk Keçer 5 476 27/12/2016, Saat: 12:00
Son Yorum: Ahmet Doğukan G.

Hızlı Menü:


Konuyu Okuyanlar: 1 Ziyaretçi

Powered by MyBB
Pchocasi.com.tr


Tasarım