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.
|
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 60 61 62 63 64 |
<!DOCTYPE html> <html lang="tr"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <form action="www.yazilimkodlama.com" method="get"> <table border="1"> <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>YABANCI DİLLER</td> <td> İngilizce<input type="checkbox" name="hobi1" id="hobi1"> Almanca<input type="checkbox" name="hobi2" id="hobi2"> Fransızca<input type="checkbox" name="hobi3" id="hobi3"> Arapça<input type="checkbox" name="hobi4" id="hobi4"> </td> </tr> <tr> <td>CİNSİYET</td> <td> 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> |
Ekran Çıktısı:
