html form yapımı

Html Form Yapımı, form nasıl yapılır? Basit bir form kodu yazalım ve görüntüsünü de ekliyorum.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Form Elemanları</title>
</head>
<body>
<form>
<fieldset>
<label>Adresiniz</label>
<br>
<textarea name="adres" id="adres" cols="30" rows="10"></textarea>
<br>
<button>Gönder</button>
<br><br><br><br>
</fieldset>	
<fieldset>
<label>Hangi ilçede yaşıyorsunuz?</label>
<select>
<option>Bayrampaşa</option>
<option>Esenler</option>
<option>Fatih</option>
</select>
<br>
<button>Gönder</button>
</fieldset>	
<br><br><br>
<hr>
<!---input gönderme-->
<form>
<input autofocus="on" autocomplete="on" required size="50" minlength="2" placeholder="Adınız Soyadınız" type="text">
<br><br>
<input max="10" min="5" type="number" placeholder="1">Bir sayı girin
<br><br>
<input type="password">şifre
<br><br>
<input type="submit">gönder
<br><br>
<input type="reset">sıfırla
<br><br><br>
radiobuton
<input name="cinsiyet" value="Kadın" type="radio">Kadın
<input name="cinsiyet" value="Erkek" type="radio">Erkek
<br><br><br>
checkbox
<input type="checkbox">Rock
<input type="checkbox">Pop
<input type="checkbox">Jazz
<br><br><br>
<input type="color">renk
<br><br><br>
<fieldset>
<legend>FORM</legend>
<input min="2000-01-01" type="date">Tarih
<br><br><br>
<input type="email">E-mail
<br><br><br>
<input type="range">
<br>
<input type="search">Search
<br><br>
<input type="file">
<br><br>	
<input disabled type="time"> Saat
</fieldset>
</form>
</form>
</body>
</html>

Form Görünümü














Bir sayı Giriniz

Şifre

Gönder

Sıfırla


radiobuton Kadın Erkek


checkbox Rock Pop Jazz


Renk


FORM Tarih


E-mail



Search



Saat
62 / 100

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.