Programlama | Programlama Dilleri | C Programlama Dili |C++

Anasayfa Programlama Html Sayfalara Input Textarea CheckBox Radio Combobox Listbox Seçme Kutusu Buton Eklemek ve Form Yapısı


Sayfalara Input Textarea CheckBox Radio Combobox Listbox Seçme Kutusu Buton Eklemek ve Form Yapısı

AÇIKLAMA

Burada yapılan sayfada html programlama dilinde sayfalara  Input, Textarea, CheckBox, Radio, Combobox, Listbox,  Seçme Kutusu, Buton yapılarının nasıl eklenildiği gösterilmiş ve form yapısı verilmiştir.

Program Kodu:

  1. <html>
  2. <head>
  3. <title>Form Örneği</title>
  4. </head>
  5. <body>
  6.  
  7. <form action="uyelik" method="GET">
  8. Adı Soyadı : <input type="text" name="adi_soyadi"><br><br>
  9. Şifre      : <input type="password" name="sifre"><br>
  10. <br>
  11. Adres :<textarea>Adresini yazınız...
  12. </textarea><br>
  13. <input type="checkbox" name="check" value="1"> Eleman 1
  14. <input type="checkbox" name="check2" value="2" checked> Eleman 2
  15. <input type="checkbox" name="check3" value="3"> Eleman 3<br>
  16. <br>
  17. <input type="radio" name="myradio" value="1"checked> Radio 1
  18. <input type="radio" name="myradio" value="2"> Radio 2
  19. <input type="radio" name="myradio" value="3"> Radio 3<br>
  20. <br>
  21. <select name="combobox">
  22.     <option value="1">Combo1</option>
  23.     <option value="2">Combo2</option>
  24.     <option value="3" selected>Combo3</option>
  25.     <option value="4">Combo4</option>
  26. </select><br>
  27. <br>
  28. <select name="listbox" size="3" multiple>
  29.     <option value="1">Combo1</option>
  30.     <option value="2"selected>Combo2</option>
  31.     <option value="3">Combo3</option>
  32.     <option value="4">Combo4</option>
  33. </select><br>
  34. <input type="hidden" value="gizli içerik" name="gizli">
  35. <br>
  36. <input type="file" name="dosya"><br>
  37. <br>
  38. <input type="image" src="Kış.jpg">
  39. <br><br>
  40. <input type="reset" value="Temizle">
  41. <input type="submit" value="Onayla">
  42. </form>
  43.  
  44. </body>
  45. </html>
  46.  

 

Yorumlar (0)
Sadece kayıtlı kullanıcılar yorum yazabilir!
Son Güncelleme ( Pazartesi, 13 Ağustos 2012 16:14 )