PDA

Visualizza la versione completa : firefox 6 e l'html 5


Lucked
11-09-2011, 12:55
Ciao a tutti, ho ricopiato questo codice, che ho trovato sul mio libro, perhè volevo vedere se firefox interpreta gli elementi number come spinbox(campi di testo con le frecce), purtroppo no e non c'è neanche una validazione dei valori inseriti...vi riporto il codice nel caso avessi fatto delle omissioni. Fatemi sapere se a voi torna. Grazie. :ciauz:



<!DOCTYPE html>
<html>
<body>
<form method="post" action="http://html5.php">
<fieldset>
<legend>Diamo i numeri!</legend>



<label for="num_libri">Libri letti: </label>
<input type="number" id="num_libri" name="num_libri" min="0" max="20" step="1" value="1">

<label for="num_gradi">Palline da golf <span>(in conf. da 5)</span>:</label>
<input type="number" id="num_golf" name="num_golf" min="0" step="5" value="5">

<label for="num_gradi">Temperatura minima: </label>
<input type="number" id="num_gradi" name="num_gradi" min="-50" max="30" step="1" value="-10">

<label for="num_kg">Peso <span>(in Kg)</span>: </label>
<input type="number" id="num_kg" name="num_kg" min="0" max="140" step="0.1" value="75.5">

<input type="submit" id="inoltra" name="inoltra" value="Inoltra">
</p>
</form>
</body>
</html>

morocarlo
11-09-2011, 14:58
Ho appena testato con Firefox e Chrome. Con Chrome vedo correttamente, con Firefox no.

Prova ad utilizzare queste istruzioni per sistemare la compatibilità:


if (!Modernizr.inputtypes.number) {
// no native support for type=number fields
}

http://stackoverflow.com/questions/5363234/html5-input-type-number-detect-whether-spinbox-or-not-and-no-other-features

Loading