Input type: range

Molto simile semanticamente all'input type=number, questo nuovo tipo di input permette agli utenti di inserire un numero tramite uno slider.

Attributi specifici

HTML5 mette a disposizione un set di attributi specifici per il tipo range (che sono gli stessi del type=number): servono a specificare delle limitazioni per il valore di questo attributo. Questi attributi sono min, max e step.

• min min="1"
• max

: specifica il massimo valore permesso. Esempio: max="10" min

• step value step any step=3

Esempi d'uso

L'esempio è molto semplice, eccolo:

<form name="commenti" method="post" action="/141/comments">
  [...]
  <label>Voto:
    <input type="range" name="voto" min="0" max="5" step="1">
  </label>
  [...]
  <input type="reset"  value="Resetta il form">
  <input type="submit" value="Invia il commento">
</form>

Ecco come appare un input di tipo range

Tabella del supporto sui browser

Form: nuovi tipi di input
range	No	No	4.0+	2.0+	9.0+