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.
<!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ı:
