html form yapımı

Html Form Yapımı

Blog Web Tasarı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ü

Form Elemanları













Bir sayı Giriniz

Şifre

Gönder

Sıfırla


radiobuton Kadın Erkek


checkbox Rock Pop Jazz


Renk


FORM Tarih


E-mail



Search



Saat
68 / 100

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.