Användning av <textarea>
<textarea>-taggen skapar ett textområde där användare kan skriva, redigera och skicka in text. Den används vanligtvis för längre textinmatningar, som kommentarer, recensioner eller artikelinnehåll.
Attribut för <textarea>
- name: Namnet på elementet (krävs).
- rows: Antalet rader i textområdet (standardvärde: 2).
- cols: Antalet kolumner i textområdet (standardvärde: 20).
- disabled: Om den är inställd på "disabled" kan användare inte redigera texten.
- readonly: Om den är inställd på "readonly" kan användare se texten men inte redigera den.
- placeholder: Anger en exempeltext som visas i textområdet innan användaren skriver något.
Exempel med <textarea>
<form>
<label for="kommentar">Kommentar:</label><br>
<textarea id="kommentar" name="kommentar" rows="4" cols="50" placeholder="Skriv din kommentar här"></textarea>
<input type="submit" value="Skicka">
</form>
Översikt över <textarea>-taggen (förbättrad tillgänglighet)
Denna tagg skapar ett inmatningsområde för längre text. För att förbättra tillgängligheten bör följande riktlinjer följas:
- Använd attributen "rows" och "cols" för att ange lämpliga dimensioner för textområdet.
- Ange ett "name"-attribut för att identifiera elementet i formulär.
- Använd "placeholder"-attributet för att ge vägledning till användaren om vad som ska anges.
- Överväg att använda attributen "disabled" eller "readonly" för att begränsa användarinmatning vid behov.