Html İle Farklı Form Kullanım Uygulamaları | E L M A

Html İle Farklı Form Kullanım Uygulamaları

 

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


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.

Yorum Gönder

Daha yeniDaha eski