Ga naar hoofdinhoud

Uitleg

  • Zorg dat complexere velden zijn voorzien van een heldere uitleg.
Uw aanvraag
Zorg dat het document in PDF-formaat is.
Beschrijf beknopt wat uw vraag is.
Voorbeeld HTML
<div class="rvo-form-layout">
<div class="utrecht-form-fieldset rvo-form-fieldset">
<fieldset class="utrecht-form-fieldset__fieldset utrecht-form-fieldset--html-fieldset">
<legend class="utrecht-form-fieldset__legend utrecht-form-fieldset__legend--html-legend">
Uw aanvraag
</legend>
<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>Upload uw document</div>
</label>
<div class="utrecht-form-field-description" id="helperTextId">
<div>Zorg dat het document in PDF-formaat is.</div>
</div>
</div>
<input id="field" type="file" class="rvo-file-input" multiple="" />
</div>
<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>Uw vraag</div>
</label>
<div class="utrecht-form-field-description" id="helperTextId">
<div>Beschrijf beknopt wat uw vraag is.</div>
</div>
</div>
<textarea
id="field"
placeholder=""
class="utrecht-textarea utrecht-textarea--html-textarea"
dir="auto"
></textarea>
</div>
</fieldset>
</div>
</div>
  • Gebruik een 'expandable' helper tekst als een velden een langere uitleg nodig heeft.
Uw aanvraag
Voorwaarden voor uw document
  • Zorg dat het document in PDF-formaat is.
  • Zorg dat het document al uw contactgegevens bevat.
Voorbeeld HTML
<div class="rvo-form-layout">
<div class="utrecht-form-fieldset rvo-form-fieldset">
<fieldset class="utrecht-form-fieldset__fieldset utrecht-form-fieldset--html-fieldset">
<legend class="utrecht-form-fieldset__legend utrecht-form-fieldset__legend--html-legend">
Uw aanvraag
</legend>
<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>Upload uw document</div>
</label>
<div class="utrecht-form-field-description">
<details class="rvo-expandable-content">
<summary class="rvo-expandable-content__summary">
<span
class="utrecht-icon rvo-icon rvo-icon-info rvo-icon--md rvo-icon--hemelblauw"
role="img"
aria-label="Info"
></span>
Voorwaarden voor uw document
</summary>
<div class="rvo-expandable-content__details">
<ul>
<li>Zorg dat het document in PDF-formaat is.</li>
<li>Zorg dat het document al uw contactgegevens bevat.</li>
</ul>
</div>
</details>
</div>
</div>
<input id="field" type="file" class="rvo-file-input" multiple="" />
</div>
</fieldset>
</div>
</div>