HTML ile oluşturulan formun tablo içine yerleştirilerek daha düzenli görünmesini sağlayabilirsiniz. Aşağıda ” Tablo İçine Form nasıl Yerleştirilir? ” bunu göreceğiz.
Ekran Çıktısı:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 | <!doctype html> <html> <head> <title>www.yazilimkodlama.com</title> <meta charset="utf-8"> </head> <body> <form action="www.yazilimkodlama.com" method="get" > <table border="0"> <tr> <td>Ad :</td> <td><input type="text" name="ad" id="ad" required placeholder="Lütfen Adınızı Girin"></td> </tr> <tr> <td>Soyad :</td> <td><input type="text"name="soyad"id="soyad" required placeholder="Lütfen Soyadınızı Girin"></td> </tr> <tr> <td colspan="2"> FUTBOL<input type="checkbox"name="hobi1" id="hobi1"> YÜZME<input type="checkbox"name="hobi2" id="hobi2"> KARATE<input type="checkbox"name="hobi3" id="hobi3"> KİTAP<input type="checkbox"name="hobi4" id="hobi4"> </td> </tr> <tr> <td colspan="2"> KADIN<input type="radio"name="cinsiyet" id="cinsiyet" value="kadın"> ERKEK<input type="radio" name="cinsiyet" id="cinsiyet" value="erkek"> </td> </tr> <tr> <td>YAŞ</td> <td><input type="number" name="yas" id="yas" min="18" max="88"></td> </tr> <tr> <td>MAİL:</td> <td><input type="email" name="mail" id="mail" required></td> </tr> <tr> <td colspan="2"> <input type="submit" name="kaydet" id="kaydet" value="KAYDET"> <input type="reset" name="sil" id="sil" value="TEMİZLE"> </td> </tr> </table> </form> </body> </html> |