Html İle Tablo İçerisine Form Ekleme Uygulaması | E L M A

Html İle Tablo İçerisine Form Ekleme Uygulaması

 

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 Programlama Örnekleri


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

Yorum Gönder

Daha yeniDaha eski