Programlama öğrenmek için her zaman yeni örnekler denemelisiniz. Bunun için bugün sizlere Html İle Farklı Form Kullanım Uygulamaları programını aktaracağız. Html de kodlama nasıl gerçekleşir? Html İle Farklı Form Kullanım Uygulamaları nasıl kodlanır? Gibi sorularınızın cevabını bu içeriğimizde bulabilirsiniz.
Html İle Farklı Form Kullanım Uygulamaları Kod Alanı
Html web programlama dilinde Farklı Form Kullanım Uygulamaları kod metnini oluşturduk. Bu uygulama serimizde input type=”text”, input type=”number”, input type=”file”, input type=”radio”, input type =”checkbox”, textarea, input type=”submit, input type=”reset” kullanımlarını bir tablo içerisine yerleştirilmiş form örneklerini öğreneceğiz. Html içerisinde kullanıcılardan bilgi alabilmek için form nesnesi kullanılmak zorundadır. Bu uygulama örneğimizde kullanıcıdan basit düzey bilgiler alan bir form oluşturma gerçekleştirdik. Bu uygulamanın kod metni aşağıdaki gibidir:
<!doctype html>
<html>
<head>
<title>FORM ETİKETLERİ</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.