Html İle Tablo İçerisine Form Ekleme Uygulaması

Html  web programlama dilinde Tablo İçerisine Form Ekleme Uygulaması kod metnini oluşturduk. Bu uygulamamızda html ile oluşturduğumuz tablomuzun içerisinde form yerleştireceğiz. Bu şekilde web sayfamız daha düzenli gözükebilmektedir.  Tablomuzda basit düzey insani bilgiler istenmektedir. Bu bilgilerin daha düzenli şekilde kullanıcıdan alınması için tablomuzun içerisine bir forum ekleyeceğiz.

Uygulamanın html kod metin alanı aşağıdaki gibidir:

<!doctype html>
<html>
<head>
<title>www.programlamahocam.com</title>
<meta charset="utf-8">   
</head>
<body>
<form action="www.programlamahocam.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>