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 name
atlarsanız
name
metin alanından hiçbir veri gönderilmez).
Metin id
alanı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.