Textarea ve button
<textarea> ve <button> etiketlerinin kullanımını öğrenirsin.
Textarea ile uzun metin
Bazen kullanıcının birden çok satır yazması gerekir: bir mesaj, bir yorum ya da bir açıklama. Bunu <textarea> etiketiyle sağlarsın. <input>'tan farklı olarak <textarea>'nın kapanış etiketi vardır ve arasına yazılan metin varsayılan değer olur.
Örnek: <textarea name="mesaj" rows="4" placeholder="Lütfen yazınız..."></textarea>. Burada placeholder ipucu gösterir ama formla gönderilmez; textarea içine yazılan metin gönderilir. rows kaç satır görüneceğini, cols ise kaç sütun genişliğinde olacağını söyler.
Button ile formu gönder
Formu göndermek için bir düğme gerekir. Bunun en sık yolu <button type="submit">Gönder</button> yazmaktır. type="submit" düğmeye basıldığında form verisini action adresine gönderir.
<button>'un type özniteliği üç değer alır: submit (gönder), reset (temizle) ve button (işlevsiz, JavaScript bekler). Form göndermede submit kullanılır. Örnek: <button type="submit">Kaydet</button>.
Uygulama Mesaj alanı ve düğme ekle
Form içine bir <textarea> ekle; name özniteliği mesaj olsun. Sonra bir <button type="submit"> ekle ve metni Gönder olsun.
Örnek çözümü göster
<form>
<textarea name="mesaj"></textarea>
<button type="submit">Gönder</button>
</form>Kendini test et
-
Aşağıdakilerden hangisi için <textarea> en uygundur?
- Tek satırlık ad soyad
- Bir kullanıcı adı
- Açılır liste
- Uzun yorum metni
Cevabı göster
Uzun yorum metni — Doğru. textarea uzun, çok satırlı metinler için uygundur.
-
Placeholder'ı tamamla
<textarea name="mesaj" placeholder=____></textarea>Cevabı göster
<textarea name="mesaj" placeholder="Lütfen yazınız..."></textarea> -
Etiketi rolüyle eşleştir
- <textarea>
- Çok satırlı metin
- </textarea>
- Textarea kapanışı
- <button>
- Düğme
- type="submit"
- Formu gönderir