Serdar YILMAZ
Bizimkisi Bir “Bug” Hikayesi...
Serdivan/Sakarya

Etiket 'HTML textarea Etiketi'

<textarea> … </textarea> Elemanı

Kod

<!-- Ziyaretçi Tarafından metin girişi yapılabilir. -->
<textarea name="metin_kutusu_1" rows="10" cols="30" wrap="soft"> Metin </textarea>

<!-- Ziyaretçi tarafından metin girişi yapılamaz. Sadece okunabilir. -->
<textarea name="metin_kutusu_1" rows="10" cols="30" wrap="soft" readonly> Metin </textarea>

Açıklama

  1. Textarea elemanı daha uzun metinlerin yazılabildiği veya görüntülenebildiği gelişmiş bir metin kutusudur. <input type=”text” /> Elemanının gelişmiş hali olarak düşünebiliriz.
  2. rows özelliği ile metin kutusunun yüksekliğinin kaç satırdan oluşacağını belirtebiliriz.
  3. cols özelliği ile metin kutusunun kaç karakterlik genişliğe sahip olacağını belirtebiliriz.
  4. wrap özelliği ile metin kutusuna sığmayan yazıların bir satıra geçmesini sağlayabiliriz. 3 farklı değer almaktadır;
    wrap=”soft” ifadesi ile metin kutusuna sığmayan yazıların bir alt satıra geçmesini sağlayabiliriz. Form bazında bu işlem yapılmaz.
    wrap=”hard” ifadesiyle de metin kutusuna sığmayan yazıların bir alt satıra geçmesini sağlayabiliriz. Ancak Form bazında da bu işlem yapılır.
    wrap=”off” ifadesini kullanırsak metin kutusuna sığmayan yazılar bir alt satıra geçmez. Textarea’nın altında bir kaydırma çubuğu oluşur ve yazının devamı o kaydırma çubuğu kullanılarak görüntülenir.
  5. Textarea içerisinde ki yazılar normalde silinebilir veya yeni yazılar eklenebilir. Yazıların sadece okunabilir olmasını ve herhangi bir şekilde yazıda değişiklik yapılmamasını istiyorsak readonly özelliğini kullanmamız gerekir.