HTML <textarea> etikett

Definition och användning

<textarea> Etiketten definierar en multilinjig textinmatningskontroll.

<textarea> Element används vanligtvis i formulär för att samla in användarens inmatning, som kommentarer eller recensioner.

Textområdet kan innehålla ett obegränsat antal tecken och texten visas i en bred font (vanligtvis Courier).

Storleken på textområdet definieras av cols- och rows-egenskaperna (eller med CSS).

Efter att ha skickat formuläret krävs ett namn-egenskap för att hänvisa till formulärdata (om namn-egenskapen utelämnas, kommer textområdets data inte att skickas).

En id-egenskap behövs för att koppla textområdet till etiketten (label).

Tips:Lägg alltid till <label> Använd taggen för att få bästa tillgänglighetspraxis!

Se också:

HTML DOM-referenshandbok:Textarea-objekt

CSS-lärare:Ställ in formulärstyle

Exempel

Exempel 1

En flerradig textinmatningskontroll (textområde):

<label for="w3review">Kommentera CodeW3C.com:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
På codew3c.com lär du dig hur du utvecklar webbplatser. De erbjuder gratis lektioner för alla webbutvecklingstekniker.
</textarea>

Prova det själv!

Exempel 2

Inaktivera standardinställningar för justering av storlek:

<html>
<head>
<style>
textarea {
  resize: none;
}
</style>
</head>
<body>
<label for="w3review">Kommentera CodeW3C.com:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
På codew3c.com lär du dig hur du utvecklar webbplatser. De erbjuder gratis lektioner för alla webbutvecklingstekniker.
</textarea>
</body>
</html>

Prova det själv!

Egenskap

Egenskap Värde Beskrivning
autofocus autofocus Definierar att textområdet bör automatiskt fokuseras när sidan laddas.
cols Nummer Definierar den synliga bredden på textområdet.
dirname textareaname.dir Definierar textriktningen för texten i det skickade textområdet.
disabled disabled Definierar att textområdet bör vara inaktiverat.
form Formulär id Definierar det formulär som textområdet tillhör.
maxlength Nummer Definierar det maximala antalet tecken som textområdet tillåter.
name Text Definierar namnet på textområdet.
placeholder Text Definierar en kort提示，beskriver den förväntade värdet för textområdet.
readonly readonly Definierar att textområdet bör vara skrivskyddat.
required required Definierar att textområdet måste fyllas i.
rows Nummer Definierar antalet synliga rader i textområdet.
wrap
  • hard
  • soft
 Definierar hur texten i textområdet formatas när formuläret skickas in.

Globala attribut

<textarea> Taggen stöder också Globala attribut i HTML.

Evenhetsattribut

<textarea> Taggen stöder också Evenhetsattribut i HTML.

Standard CSS-inställningar

Ingen.

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd