HTML ile İletişim Formu Oluşturma
İletişim formları genellikle bir HTML form elementi kullanılarak oluşturulur. Form elementi, kullanıcıdan girdi almak için kullanılan bir çeşit etikettir. Girdi alanları (örneğin ad, e-posta ve mesaj alanları) form elementinin içine eklenir ve formun gönderilmesi için bir gönderme düğmesi eklenir.
İşte basit bir örnek iletişim formu:
<form> <label for="name">Adınız:</label><br> <input type="text" id="name" name="name"><br> <label for="email">E-posta adresiniz:</label><br> <input type="text" id="email" name="email"><br> <label for="message">Mesajınız:</label><br> <textarea id="message" name="message"></textarea><br> <input type="submit" value="Gönder"> </form>
Bu form, adınız, e-posta adresiniz ve mesajınız için girdi alanları içerir. Kullanıcı formu doldurduktan sonra, gönderme düğmesine tıkladığında form gönderilir.
Bu örnekte, formun nereye gönderileceği belirtilmemiştir. Formun nereye gönderileceğini belirtmek için, form elementine bir “action” özniteliği ekleyebilirsiniz. Örneğin:
<form action="/form-handler"> ... </form>
Bu örnekte, form /form-handler adresine gönderilecektir. Hangi yöntemle gönderileceğini belirtmek için de “method” özniteliğini kullanabilirsiniz. Örneğin:
<form action="/form-handler" method="post"> ... </form>
Bu örnekte, form POST isteğiyle /form-handler adresine gönderilecektir.
Bu sadece iletişim formlarının nasıl oluşturulduğunun basit bir örneğidir. Daha detaylı bilgi için, lütfen HTML formlar hakkındaki dokümantasyonu inceleyin.
Benzer Konulara Göz Atın:
HTML ile Giriş Yap Butonu Yapımı