Range

HTML

<input>

HTML attributen

type="range"

Bij type="range" krijg een slider of schuifbalk te zien.

Als je die waarden voor het attribuut type gebruikt kan ook nog de volgende attributen in te stellen:

• min: geeft het kleinste getal dat in het invoerveld mag komen aan.
• max: geeft het grootste getal dat in het invoerveld mag komen aan.
• step: geeft aan hoeveel de getallen die in het invoerveld mogen komen moeten verschillen van elkaar. Als bijvoorbeeld step="5" dan mogen alleen de getallen …, -5, 0, 5, 10, … in het veld geplaatst worden.
• value: geeft de standaardwaarde van het invoerveld aan.

Voorbeeld

<div>
    <label for="range">Bent u tevreden?</label>
    <input type="range" min="-4" max="2" step="2" value="-2" />
</div>