Textarea
Kedy použiť tento komponent
Komponent použite, keď potrebujete od používateľa, aby uviedol text, ktorý je dlhší ako jeden riadok.
Kedy nepoužiť tento komponent
Nepoužívajte komponent, ak potrebujete od používateľa aby odpovedal na otázky, ktoré môžu byť ťažké na odpoveď. V tomto prípade radšej použite prepínače a otázky zjednodušte.
Základný stav
<div class="govuk-form-group">
<label class="govuk-label" for="viac-informacii">
Uveďte viac informácií o pracovnej pozícii
</label>
<textarea class="govuk-textarea" id="viac-informacii" name="viac-informacii" rows="5"></textarea>
</div>
S nápovedou
Čo najpresnejšie popíšte požiadavky na kandidáta
<div class="govuk-form-group">
<label class="govuk-label" for="dalsie-poziadavky">
Ďalsie požiadavky
</label>
<span id="dalsie-poziadavky-hint" class="govuk-hint">
Čo najpresnejšie popíšte požiadavky na kandidáta
</span>
<textarea class="govuk-textarea" id="dalsie-poziadavky" name="dalsie-poziadavky" rows="5" aria-describedby="dalsie-poziadavky-hint"></textarea>
</div>
S predvyplnenou hodnotou
<div class="govuk-form-group">
<label class="govuk-label" for="informacie-o-zamestnavatelovi">
Informácie o zamestnávateľovi
</label>
<textarea class="govuk-textarea" id="informacie-o-zamestnavatelovi" name="informacie-o-zamestnavatelovi" rows="5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nisi id eu aliquet id sodales aliquam. Erat tincidunt vel malesuada neque turpis. Eget amet, tristique vestibulum nulla feugiat diam in faucibus. Est dignissim ac porttitor nibh.</textarea>
</div>
Chybový stav
<div class="govuk-form-group govuk-form-group--error">
<label class="govuk-label" for="charakteristika-zamestnavatela">
Charakteristika zamestnávateľa
</label>
<span id="charakteristika-zamestnavatela-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> Toto pole je povinné
</span>
<textarea class="govuk-textarea govuk-textarea--error" id="charakteristika-zamestnavatela" name="charakteristika-zamestnavatela" rows="5" aria-describedby="charakteristika-zamestnavatela-error"></textarea>
</div>