floating-point Esiste un tipo di input float in HTML5?




3 Answers

Via: http://blog.isotoma.com/2012/03/html5-input-typenumber-and-decimalsfloats-in-chrome/

Ma cosa succede se si desidera che tutti i numeri siano validi, interi e decimali allo stesso modo? In questo caso, imposta il passaggio a "qualsiasi"

<input type="number" step="any" />

Funziona per me in Chrome, non testato in altri browser.

html5 input floating-point

Secondo html5.org , l'attributo "valore" del tipo di input "valore", se specificato e non vuoto, deve avere un valore che è un numero in virgola mobile valido. "

Eppure è semplicemente (nell'ultima versione di Chrome, comunque), un controllo "updown" con interi, non float:

<input type="number" id="totalAmt"></input>

Esiste un elemento di input a virgola mobile nativo in HTML5 o un modo per far funzionare il tipo di input numerico con float, non ints? O devo ricorrere a un plug-in dell'interfaccia utente jQuery?




Basato su this risposta

<input type="text" id="sno" placeholder="Only float with dot !"   
   onkeypress="return (event.charCode >= 48 && event.charCode <= 57) ||  
   event.charCode == 46 || event.charCode == 0 ">

Senso :

Codice Char:

  • 48-57 uguale a 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
  • 0 è Backspace (altrimenti è necessario aggiornare la pagina su Firefox)
  • 46 è dot

&& è AND , || è un operatore OR .

se provi a virare con la virgola:

<input type="text" id="sno" placeholder="Only float with comma !"   
     onkeypress="return (event.charCode >= 48 && event.charCode <= 57) ||  
     event.charCode == 44 || event.charCode == 0 ">

Supportato Chromium e Firefox (Linux X64) (altri browser I non esiste.)




È possibile utilizzare l'attributo step per il numero del tipo di input:

<input type="number" id="totalAmt" step="0.1"></input>

step="any" consente qualsiasi decimale.
step="1" non consentirà decimali.
step="0.5" consentirà 0.5; 1; 1.5; ...
step="0.1" consentirà 0.1; 0,2; 0,3; 0,4; ...






Related