PC Hocası Forum


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


Konu: 47
Mesaj: 1,061
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...

Alıntı
(Son Düzenleme: 14/02/2017, Saat: 12:14, Düzenleyen: Ahmet Doğukan G..) .
Konu: 19
Mesaj: 3,583
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

Alıntı
.
Konu: 47
Mesaj: 1,061
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.

Alıntı
.
Konu: 33
Mesaj: 2,613
Cinsiyet: Bay
Kıdem: 30-09-2016

Öylede güzeeellllll böylede güzeeeeelllll

Alıntı
.
Konu: 47
Mesaj: 1,061
Cinsiyet: Bay
Kıdem: 27-12-2016

Teşekkür ederim Smile.

Alıntı
.


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Yeni Başlayanlar İçin HTML PCMaster 5 592 11/03/2017, Saat: 18:25
Son Yorum: UzmanPC
Information HTML-CSS Hover kullanımı serkanege48 0 618 18/01/2017, Saat: 05:47
Son Yorum: serkanege48
  HTML'de tablo oluşturma Ömer Faruk Keçer 5 566 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