Merhaba değerli okurlarım, Bugün sizlerle formlarda özellikle yorum satırlarında kullanılan uzun metinleri ve formumuzu tamamladıktan sonra artık göndermeye yarayan buton kavramını işleyeceğiz.
Uzun Metinler (Textarea)
Formlarda kullanıcılardan uzun metin girdisi almak istediğimiz durumlar olabilir. Bu gibi durumlarda textarea etiketini kullanırız. Bu etiket, bir metin kutusu oluşturur ve kullanıcıların buraya istediği kadar metin yazmasına olanak tanır.
<textarea name="yorum" rows="5" cols="30">Yorumunuzu buraya yazın...</textarea>
Yukarıdaki kodda:
- name özniteliği, metin kutusuna bir isim verir. Bu isim, formun işlenmesi sırasında kullanıcının girdiği metni referanslamak için kullanılır.
- rows özniteliği, metin kutusunun yüksekliğini satır sayısı olarak belirler.
- cols özniteliği, metin kutusunun genişliğini karakter sayısı olarak belirler.
Gönderme Butonu (Submit)
Formu tamamladıktan sonra kullanıcının girdiği bilgileri sunucuya göndermek için bir butona ihtiyacımız var. Bunu submit tipi bir input elementi kullanarak yapabiliriz.
<input type="submit" value="Gönder">
Yukarıdaki kodda:
- type özniteliği, elementin tipini submit olarak belirler.
- value özniteliği, butonda gösterelecek metni belirler.
Formu Gönderme
Kullanıcı formdaki butona tıkladığında, tarayıcı formdaki tüm verileri sunucuya gönderir. Bu veriler, form işleme betiği tarafından işlenebilir ve istenilen şekilde kullanılabilir.
Örnek:
Aşağıdaki kod, kullanıcının adını ve soyadını girmesini ve ardından bu bilgileri sunucuya göndermesini sağlayan basit bir form örneğidir.
<form action="islem.php" method="post">
<label for="ad">Ad:</label>
<input type="text" id="ad" name="ad">
<label for="soyad">Soyad:</label>
<input type="text" id="soyad" name="soyad">
<textarea name="yorum" rows="5" cols="30">Yorumunuzu buraya yazın...</textarea>
<input type="submit" value="Gönder">
</form>
Bu örnekte:
- action özniteliği, formun gönderileceği URL'yi belirler.
- method özniteliği, formun nasıl gönderileceğini belirler. post yöntemi, form verilerini sunucuya HTTP POST isteği ile gönderir.
Bu derste, formlarda uzun metinler ve gönderme butonu kullanmayı öğrendik. Bu bilgilerle, web siteniz için daha karmaşık ve işlevsel formlar oluşturabilirsiniz.
19. haftada görüşmek üzere, esenlikler dilerim.