HTML <textarea> Merker
Voorbeeld
'n Veelreëlige teksinvoerbeheer (teksarea):
<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>
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die <textarea>
merker definieer 'n multi-lyn teks invoer beheer.
Die <textarea>
element word dikwels in 'n vorm gebruik om gebruikersinsette soos opmerkings of resensies te versamel.
'n Teksarea kan 'n onbeperkte aantal karakters bevat, en die teks word in 'n font met vaste breedte (gewoonlik Courier) weergegee.
Die grootte van 'n teksarea word gespesifiseer deur die <cols>
en <rows>
kenmerke (of met CSS).
Die name
kenmerk is nodig om na die vormdata te verwys nadat die vorm ingedien is (as jy die
name
kenmerk weglaat, sal geen data van die teksarea ingedien word nie).
Die id
kenmerk is nodig om die teksarea met 'n etiket te assosieer.
Wenk: Voeg altyd die <label> -merker by vir die beste toeganklikheidspraktyke!
Blaaierondersteuning
Element | |||||
---|---|---|---|---|---|
<textarea> | Yes | Yes | Yes | Yes | Yes |
Eienskappe
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 |
Globale eienskappe
Die <textarea>
merker ondersteun ook die Global Attributes in HTML .
Gebeurtenis eienskappe
Die <textarea>
merker ondersteun ook die gebeurteniskenmerke in HTML .
Meer voorbeelde
Voorbeeld
Deaktiveer verstek grootte-opsie:
<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>
Verwante bladsye
HTML DOM verwysing: Textarea Object
CSS-tutoriaal: Stileervorms
Verstek CSS-instellings
Geen.