Ga naar hoofdinhoud

Text input field

Voorbeeld HTML
<div
  role="group"
  aria-labelledby="fieldId-label"
  class="utrecht-form-field utrecht-form-field--text rvo-form-field"
>
  <div class="rvo-form-field__label">
    <label class="rvo-label" id="fieldId-label" for="fieldId">
      <div>Field label</div>
    </label>
  </div>
  <input
    id="field"
    placeholder=""
    type="text"
    class="utrecht-textbox utrecht-textbox--html-input utrecht-textbox--lg"
    dir="auto"
    value=""
  />
</div>
Open in nieuwe tab

Documentatie voor text input field

Algemene veldregels:

  • Gebruik (niet verplicht) bij optionele formulier velden in plaats van * (verplicht) bij verplichte formulier velden
  • Gebruik expandable tekst in plaats van een toggle knop
  • Gebruik expandable tekst in plaats van een ‘?’ uitleg icoontje