Numer wejścia HTML5 min max nie działa z wymaganym

Question

Chciałbym zmusić użytkownika do wpisania swojego wieku. Chciałbym również upewnić się, że wchodzą tylko między 18 a 99 rokiem życia. Czy jest to możliwe z atrybutami HTML5, takimi jak required, pattern, min i max? Wygląda na to, że nie działa

<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> 

Czy robię coś źle tutaj? Używam Firefoksa 22.0 na Ubuntu 12.0.4LTS (również testowane w Chrome, ale nie działa). Dziękuję za pomoc.

Answer 1

Jest to oczekiwane zachowanie, ponieważ FF21 robi min, obsługuje atrybut max ...

można sprawdzić w http://html5test.com/

Check screenshot

Answer 2

Twój kod działa poprawnie. Sprawdź to fiddle (używam najnowszej chrom)

Moim jedynym zmartwieniem jest wasz pattern="[1-8][0-9]" możliwe proste użycie tego

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

Answer 3

To nie działa w Firefox, ale to działa w Chrome, Internet Explorer, Safari i Opera.

Proszę znaleźć pracę demo tutaj: Demo

<form action=""> 

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

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