HTML <textarea> Etiketi


Örnek

Çok satırlı bir metin girişi denetimi (metin alanı):

<label for="w3review">Review of W3Schools:</label>

<textarea id="w3review" name="w3review" rows="4" cols="50">
At w3schools.com you will learn how to make a website. They offer free tutorials in all web development technologies.
</textarea>

Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.


Tanım ve Kullanım

<textarea>etiketi, çok satırlı bir metin giriş kontrolünü tanımlar .

<textarea>Öğe genellikle yorumlar veya incelemeler gibi kullanıcı girdilerini toplamak için bir formda kullanılır .

Bir metin alanı sınırsız sayıda karakter içerebilir ve metin sabit genişlikli bir yazı tipinde (genellikle Courier) işlenir.

Bir metin alanının boyutu <cols>ve <rows>nitelikleri (veya CSS ile) ile belirlenir.

Nitelik, form gönderildikten sonra form verilerine başvurmak için gereklidir ( özniteliği nameatlarsanız namemetin alanından hiçbir veri gönderilmez).

Metin idalanını bir etiketle ilişkilendirmek için özniteliğe ihtiyaç vardır. 

İpucu: En iyi erişilebilirlik uygulamaları için her zaman <label> etiketini ekleyin!


Tarayıcı Desteği

Element
<textarea> Yes Yes Yes Yes Yes


Öznitellikler

Attribute Value Description
autofocus autofocus Specifies that a text area should automatically get focus when the page loads
cols number Specifies the visible width of a text area
dirname textareaname.dir Specifies that the text direction of the textarea will be submitted
disabled disabled Specifies that a text area should be disabled
form form_id Specifies which form the text area belongs to
maxlength number Specifies the maximum number of characters allowed in the text area
name text Specifies a name for a text area
placeholder text Specifies a short hint that describes the expected value of a text area
readonly readonly Specifies that a text area should be read-only
required required Specifies that a text area is required/must be filled out
rows number Specifies the visible number of lines in a text area
wrap hard
soft
Specifies how the text in a text area is to be wrapped when submitted in a form

Genel Özellikler

Etiket ayrıca HTML'deki Global Nitelikleri<textarea> de destekler .


Etkinlik Özellikleri

Etiket ayrıca HTML'deki Etkinlik Niteliklerini<textarea> de destekler .


Daha fazla örnek

Örnek

Varsayılan yeniden boyutlandırma seçeneğini devre dışı bırakın:

<html>
<head>
<style>
textarea {
  resize: none;
}
</style>
</head>
<body>

<label for="w3review">Review of W3Schools:</label>

<textarea id="w3review" name="w3review" rows="4" cols="50">
At w3schools.com you will learn how to make a website. They offer free tutorials in all web development technologies.
</textarea>

</body>
</html>

İlgili Sayfalar

HTML DOM referansı: Textarea Nesnesi

CSS Eğitimi: Şekillendirme Formları


Varsayılan CSS Ayarları

Hiçbiri.