HTML5 data tipo di ingresso, il colore, il supporto gamma in Firefox e Internet Explorer

ho costruire tutto il mio sito web utilizzando molte forme con HTML5 (utilizzando i tipi inputdate, color e range.)HTML5 data tipo di ingresso, il colore, il supporto gamma in Firefox e Internet Explorer

Tutto funziona bene in Google Cromo.

Ma quando accendo Internet Explorer e Firefox, tutti i campi di input diventano come input tipo text.

C'è un modo o uno script che posso scaricare per forzare la visualizzazione di questo ingresso correttamente?

fonte

2012-09-17 Stanislas Piotrowski

Firefox e IE versione? –

FF 15.0 e IE 9.0.8 –

quale 'doctype' stai usando? –

Poiché HTML5 non è stato ancora completamente standardizzato, non tutti i browser supportano questi tipi di input. Il comportamento è destinato a tornare a <input type="text">.

↪ See here for more information on browser support for HTML5 input types.

È possibile test for support utilizzando la libreria Modernizr o con qualche JavaScript personalizzato. Se rilevi che una determinata funzionalità HTML5 non è disponibile, puoi tornare a JavaScript - based alternatives.

fonte

2012-09-17 09:08:43 user2428118

grazie per la tua risposta. Ho trovato un modo in un sito francese. http://41mag.fr/tutoriel-html5-comment-faire-un-formulaire-complet.html il fatto è che ho incontrato di nuovo qualche problema. Ma questo post è ok. Grazie per l'aiuto. –

Prego. – user2428118

Ecco la soluzione di lavoro: http://www.zeeshanarshad.com/how-to-get-firefox-html-5-date-input-andor-ie-10/ –

Ho avuto un problema simile con tipo di input = intervallo. Tutto funzionava su tutti i browser, ad eccezione di Internet Explorer 10. Non era un problema con Internet Explorer, dato che potevo vedere il cursore in altri siti web. La soluzione era disattivare la visualizzazione di compatibilità per il mio sito web.

fonte

2013-10-24 00:29:40

la soluzione migliore che penso sia utilizzare i plugin jquery.

<!doctype html> 

<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title>jQuery UI Slider - Default functionality</title> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css" /> 
    <script> 
    $(function() { 
    $("#slider").slider(); 
    }); 
    </script> 
</head> 
<body> 

<div id="slider"></div> 


    </body> 

</html>

http://jqueryui.com/slider/

fonte

2013-10-24 04:32:28 user2506760

Tutti i browser fallback al tipo di input di testo se l'ingresso speciale è mancante. Tutto su widget e convalida.

seguito widget di gamma supporto

Firefox Desktop 23

Firefox 29