Numero di immissione HTML5 min max non funzionante con richiesto

Question

Vorrei forzare l'utente a digitare la loro età. Vorrei anche assicurarmi che entrino solo tra i 18 e i 99 anni. È possibile con attributi HTML5 come required, pattern, min e max? Sembra che non funziona

<form> 
    <input type="number" name="Q2age" id="Q2age" size="10" min="18" max="99" pattern="[1-8][0-9]" required> 
    <button type="submit" class="button" id="test">Submit</button> 
</form> 

Sto facendo qualcosa di sbagliato qui? Io uso Firefox 22.0 su Ubuntu 12.0.4 LTS (testato anche su Chrome, ma non funziona.) Grazie per il tuo aiuto.

Answer 1

Questo è il comportamento previsto perché FF21 doesnt supporta min, attributo max ...

è possibile controllare in http://html5test.com/

Controllare lo screenshot

Answer 2

Il codice funziona correttamente. Controllare questo fiddle (sto usando ultima cromo)

La mia unica preoccupazione è il vostro si può uso semplice pattern="[1-8][0-9]" questo

pattern="[0-9]{2}" 

Answer 3

Non funziona in Firefox ma funziona in Chrome, Internet Explorer, Safari e Opera.

Si prega di trovare il lavoro demo qui: Demo

<form action=""> 

<input type="number" name="points" min="1" max="10" name="Q2age" id="Q2age" required> 

<input type="submit" value="submit" /> 
</form>