Filoweb.it

Input type: range


FB TW G+ whatsapp RSS FEED News letter
HTML5
Input type: range


  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: specifica il minimo valore permesso. Esempio: min=" 1" , che permette solo di passare numeri da 1 in su.
max: specifica il massimo valore permesso. Esempio: max=" 10" , che permette solo di inviare numeri inferiori o uguali a 10. Il valore di questo attributo deve essere maggiore del valore dell’attributo min (se specificato).
step: indica la granulosità che deve avere il value limitando i possibili valori passati. Il valore di step se specificato deve essere un numero (anche non intero) maggiore di zero oppure la stringa “any” (che equivale a non inserire l’attributo). 
Esempio: step=3, che influenza i valori inseriti passando valori come -3, 0, 3, 6.

<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> 
FB TW G+ whatsapp RSS FEED News letter

filoweb.it è il sito personale di Filippo Brunelli
(c) 2017 Filippo Brunelli
Le immagini ed i testi contenuti nel sito sono di proprietà di Filippo Brunelli salvo diversamente indicato.
L'uso delle immagini e del testo è gratuito per uso personale ed è subbordinato alla citazione della fonte.
Brunelli Filippo declina ogni responsabilità per l'uso che viene fatto delle informazioni presenti nel sito.
FILOWEB.it Piccolo quaderno degli appunti. Argomento: HTML5, Titolo:Input type: range. Altri script riguardano: CSS, Jscript, .net, Classic Asp, HTML, Jquery, varie, url rewrite, pagina protetta da password, ecc. Altro su https://www.filoweb.it