Tekstområde

Eksempler og retningslinjer

• Retningslinjer
• Eksempler

Installation

HTML Struktur

<div class="form-group">
    <label class="form-label" for="input-area">
        Tekstområde med label
    </label>

    <textarea class="form-input " rows="5" id="input-area" name="input-area" ></textarea>
</div>

Sørg for at rette værdierne i følgende attributter, så de svarer til din løsning:

• for
• id
• name
• rows

Sæt højden på et textarea ved brug af rows attributten. Sæt højden, så det svarer til den mængde tekst, der forventes indtastet.

Varianter

Fejl

<div class="form-group form-error">
    <label class="form-label" for="input-error">
        Tekstområde med fejlmeddelelse
    </label>

    <span class="form-error-message"
        id="form-error-message-input-error"><span
            class="sr-only">Fejl:</span> Hjælpsom fejlmeddelelse</span>
    <textarea class="form-input " rows="5" id="input-error" name="input-error" aria-describedby="form-error-message-input-error ></textarea>
  </div>

Sørg for at rette værdierne i følgende attributter, så de svarer til din løsning:

• for
• id
• name
• aria-describedby
• name