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

Sıradaki ders: Seçim alanları

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler