Referens
HTML textarea

HTML textarea

HTML textarea taggen anger en textarea i ett formulär.

Exempel:


HTML:

<form method="post" action="htmlform.php">
   <textarea name="mycomment" cols="40" rows="6">
   Skriv din kommentar här!
   </textarea>
</form>

Innehåller i textareor visas ofta med ett teckensnitt som har fast bredd.

Läs mer om HTML textarea i HTML formulär

HTML textarea
Elementtyp Sluttagg Utfasat Doctype
Blockelement / Inlineelement Ja Nej Strict, Transitional, Frameset
Elementet får innehålla
Text och specialtecken
Elementet får finnas i
Blockelement, inlineelement utom button
Skillnad mellan HTML och XHTML
Ingen

Tips för HTML textarea

En textarea kan vara användbar när man vill låta användarna skriva långa kommentarer på flera rader till skillnad från elementet input som bara är en rad.

Med hjälp av attributet "readonly" går det att skapa textareor vars text inte går att ändra.

Exempel:


HTML:

<form method="post" action="htmlform.php">
   <textarea name="mycomment" cols="40" rows="6" readonly>
   Denna text går inte att ändra!
   </textarea>
</form>

HTML textarea attribut

Nödvändiga attribut
Attribut Beskrivning Värde
cols Anger textareans bredd mätt i antal tecken heltal
rows Anger antalet rader i textarean heltal

Valbara attribut
Attribut Beskrivning Värde
disabled Anger att textarean är avstängd disabled
name Anger textareans namn text
readonly Anger att texten ej går att ändra readonly

Universella attribut
Attribut Beskrivning Värde
accesskey Anger en snabbtangent för att hoppa till ett element tangentkod
tabindex Anger "tab ordningen" på olika element heltal
id Anger att elements unika identitet text
class Anger vilken klass eller vilka klasser ett element tillhör text
style Tilldelar elementet en egen visuell stil CSS attribut och värden
title Anger en titel för eller kort beskrivning av elementet text
dir Anger textriktning för innehållet rtl, ltr
lang Anger språk på elementets innehåll språkkod
xml:lang Används istället för "lang" när koden skrivs i XHTML 1.0 språkkod

Händelse attribut
Attribut Utlösande händelse Värde
onclick Enkelklick med musen på elementet javascript
ondblclick Dubbelklick med musen på elementet javascript
onkeydown En tangent trycks ned javascript
onkeyup En tangent släpps upp javascript
onkeypress En tangent trycks ned eller hålls nedtryckt javascript
onmousedown En musknapp trycks ned över elementet javascript
onmouseup En musknapp släpps upp över elementet javascript
onmouseover Muspekaren flyttas in över elementet javascript
onmousemove Muspekaren flyttas inom elementet javascript
onmouseout Muspekaren flyttas ut från elementet javascript
| Mer