Programlama öğrenmek için her zaman yeni örnekler denemelisiniz. Bunun için bugün sizlere Html İle Tablo İçerisine Form Ekleme Uygulaması programını aktaracağız. Html de kodlama nasıl gerçekleşir? Html İle Tablo İçerisine Form Ekleme Uygulaması nasıl kodlanır? Gibi sorularınızın cevabını bu içeriğimizde bulabilirsiniz.
Html İle Tablo İçerisine Form Ekleme Uygulaması Kod Alanı
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>
Bu uygulamada herhangi bir sorun yaşarsanız aşağıya yorum olarak bırakabilirsiniz. Bunun yanı sıra web sitemizdeki diğer hazır Html programlama örneklerine ulaşmak için bu linke tıklayabilirsiniz