2012-12-19 26 views
23

Anche se sono abbastanza sicuro che questo funzionasse ieri o il giorno prima, <input type="number" min="0" max="50" step="10" value="0" />, ad esempio, non funziona più in IE10. Ho provato il mio browser con http://ie.microsoft.com/testdrive/HTML5/Forms/Default.html e non funziona più. Qualcun altro ha questo problema? Oppure, non ha mai funzionato?<input type = "number"> non funziona in IE10

+0

E 'anche non funziona in IE 11 http: // caniuse. com/# feat = input-number –

risposta

10

IE non supporta il tipo di input = "numero" ma è possibile utilizzare un polyfill per farlo funzionare.

ecco la soluzione: http://html5please.com/#number

+0

Grazie, immagino che il materiale polyfill si sia rotto (non l'ho scritto, solo il debug), perché funzionava. Saluti. –

+3

IE 10 * * supporta il tipo di input numerico, ma non lo rende abbastanza bene. Non stai cercando un polyfill ma un controllo completo di spinner. – scravy

+3

@scravy Questo è un eufemismo. Cancella valori non numerici senza nemmeno dire all'utente cosa è successo. – OdraEncoded

7

IE10 non supporta il numero. Fonte: Can I use ... yet?

Appena verificato sul nostro computer di prova di Windows 8, non c'è nessuno spinner sul sito di test drive in IE10.

+0

IE 10 supporta parzialmente il numero di input. Inserendo un valore non numerico, cancella semplicemente il campo di input (supportato) ma non mostra mai spinner (non supportato) –

+0

In Google Chrome non possiamo inserire nulla che non sia il numero nel campo. In IE e MS Edge, inserendo caratteri alfa nel campo, il campo viene reimpostato su 0 nella messa a fuoco persa e il campo viene evidenziato in rosso. Questo non è un comportamento desiderato, dovrebbe essere risolto. – Naomi

16

Internet Explorer 10 supporta l'ingresso numero. Ciò è evidente da un esame sommario di their documentation, nonché da un tentativo di utilizzarlo all'interno del browser stesso. Ad esempio, se si tenta di inserire una lettera in un numero inserito, il valore viene cancellato quando il controllo perde la messa a fuoco.

Puoi presente anche rilevare il supporto per il numero di programmazione da fare il test di cui sopra:

// Create the element 
var element = document.createElement("input"); 

// Give it the number property and invalid contents 
element.type = "number"; 
element.value = "qwerty"; 

// Value should be empty 
alert(element.value ? "Not Supported" : "Supported"); 

Esegui questo test: http://jsfiddle.net/VAZwT/

Può benissimo essere che si sta equiparando progressivamente avanzata UI (i filatori) con il supporto per il controllo stesso. Ho visto questo confondere alcune persone già. Alcuni browser integrano il numero inserito con controlli aggiuntivi, ma questo non è (a mia conoscenza) un requisito per il supporto.

Alcuni semplici test per min, max, e step su jsfiddle: http://jsfiddle.net/sDVK4/show/

4

Microsoft ha validazione bug/errori ancora con input type = numero, questo è in IE11 pure.

https://connect.microsoft.com/IE/feedback/details/850187/html5-constraint-validation-is-broken-in-ie11-for-input-type-number

Proprio mentre stavo iniziando a come Internet Explorer di nuovo ... Speriamo di poter risolvere questo problema in IE12, le dita incrociate

+0

Lo hanno contrassegnato come risolto nell'ultima versione di Edge. – Knightsy

+0

Non riesco nemmeno a copiare le informazioni sulla versione da MS Edge e mi ci è voluto un po 'di tempo per trovare la versione (È 25.10586).In ogni caso, il tipo di input = "numero" non mi impedisce di digitare alcuna lettera. E se le lettere vengono digitate e io lascio il campo, mostra 0 invece del valore che aveva prima. Preferirei che non mi autorizzasse a digitare lettere. – Naomi

Problemi correlati