HTML Forms, web sayfalarında kullanıcıların veri girişi yapmasını ve bu verilerin sunucuya gönderilmesini sağlayan önemli bir özelliktir. Kullanıcıdan bilgi almak, form elemanları aracılığıyla HTML sayfalarına çeşitli giriş alanları eklemek ve bu bilgileri işlemek için HTML Forms kullanılır. Bu yazıda, HTML Forms olayını anlatacağız ve basit bir form örneği üzerinden örnek kod blokları sunacağız.
HTML Forms Nedir?
HTML Forms, kullanıcıların web sayfalarındaki çeşitli elemanlara veri girişi yapmasını sağlayan bir HTML özelliğidir. Formlar, metin kutuları, şifre alanları, radyo düğmeleri, onay kutuları, düşüş listeleri ve daha pek çok eleman içerebilir. Kullanıcılar bu form elemanlarına bilgi girebilir ve ardından bu bilgileri bir sunucuya göndererek işlem yapabilirler.
Temel Bir Form Yapısı
HTML Forms oluşturmak için <form> etiketi kullanılır. İşte temel bir form yapısı:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML Forms Örneği</title>
</head>
<body>
<h2>Kullanıcı Giriş Formu</h2>
<form action="/submit_form" method="post">
<label for="username">Kullanıcı Adı:</label>
<input type="text" id="username" name="username" required>
<br>
<label for="password">Şifre:</label>
<input type="password" id="password" name="password" required>
<br>
<input type="submit" value="Giriş Yap">
</form>
</body>
</html>
Bu örnek form, kullanıcıdan bir kullanıcı adı ve şifre isteyen basit bir kullanıcı giriş formudur. <form> etiketi içindeki action ve method özellikleri, formun gönderileceği URL ve gönderme metodunu belirler.
Temel Form Elemanları
- Text Input:
<input type="text" id="username" name="username" required>
- Password Input:
<input type="password" id="password" name="password" required>
- Submit Button:
<input type="submit" value="Giriş Yap">
Sonuç
HTML Forms, web geliştiricilerin kullanıcılarla etkileşimde bulunmalarını sağlayan güçlü bir araçtır. Bu örnekte gösterilen form yapısı, temel form elemanlarını içerir ve bu elemanlarla zengin ve etkileşimli web formları oluşturabilirsiniz.