Ga direct naar inhoud

Bestand testpagina

Overzicht van het element in mogelijke structuren om te testen.

Tests

Basis

Visueel voorbeeld:

HTML-voorbeeld:

<form action="" method="post">
  <label for="file-example-base">Upload bestand</label>
  <input type="file" id="file-example-base" name="file-example-base" accept=".doc, .docx, .pdf" multiple>
</form>

Bestand gegroepeerd binnen div

Visueel voorbeeld:

HTML-voorbeeld:

<form action="" method="post">
  <div>
    <label for="file-example-div">Upload bestand</label>
    <input type="file" id="file-example-div" name="file-example-div" accept=".doc, .docx, .pdf" multiple>
  </div>
</form>

Bestand gegroepeerd binnen section

Visueel voorbeeld:

HTML-voorbeeld:

<form action="" method="post">
  <section>
    <label for="file-example-section">Upload bestand</label>
    <input type="file" id="file-example-section" name="file-example-section" accept=".doc, .docx, .pdf" multiple>
  </section>
</form>

Bestand gegroepeerd binnen fieldset

Visueel voorbeeld:

Bestand-upload binnen een fieldset voorbeeld

HTML-voorbeeld:

fieldset

<form action="" method="post">
  <fieldset>
    <label for="file-example-fieldset">Upload bestand</label>
    <input type="file" id="file-example-fieldset" name="file-example-fieldset" accept=".doc, .docx, .pdf" multiple>
  </fieldst>
</form>