HTML5 input type Datum, Farbe, Bereich Unterstützung in Firefox und Internet Explorer

Ich habe all meine Website bauen mit vielen Formen mit HTML5 (mit den input Typen date, color und range.)HTML5 input type Datum, Farbe, Bereich Unterstützung in Firefox und Internet Explorer

Alles funktioniert gut in Google Chrom. Wenn ich Internet Explorer und Firefox einschalte, werden alle Eingabefelder wie input type text.

Gibt es eine Möglichkeit oder ein Skript, das ich herunterladen kann, um die korrekte Anzeige dieser Eingabe zu erzwingen?

Quelle

2012-09-17 Stanislas Piotrowski

Firefox und IE-Version? –

FF 15.0, und IE 9.0.8 –

Was "Doctype" benutzen Sie? –

Da HTML5 noch nicht vollständig standardisiert wurde, unterstützen nicht alle Browser diese Eingabearten. Das beabsichtigte Verhalten soll auf <input type="text"> zurückfallen.

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

Sie können test for support mit der Modernizr Bibliothek oder mit einem benutzerdefinierten JavaScript. Wenn Sie feststellen, dass eine bestimmte HTML5-Funktion nicht verfügbar ist, können Sie auf JavaScript - based alternatives zurückgreifen.

Quelle

2012-09-17 09:08:43 user2428118

danke für deine Antwort. Ich habe einen Weg in einer französischen Website gefunden. http://41mag.fr/tutoriel-html5-comment-faire-un-formulaire-complet.html die Sache ist die, dass ich wieder einige Probleme begegnete. Aber dieser Post ist in Ordnung. danke für Ihre Hilfe. –

Gern geschehen. – user2428118

Hier ist die funktionierende Lösung: http://www.zeeshanarshad.com/how-to-get-firefox-html-5-date-input-ando-ie-10/ –

Ich hatte ein ähnliches Problem mit Eingangstyp = Bereich. Alles funktionierte in allen Browsern, außer Internet Explorer 10. Es war kein Problem mit Internet Explorer, da ich den Schieberegler in anderen Websites sehen konnte. Die Lösung bestand darin, die Kompatibilitätsansicht für meine Website auszuschalten.

Quelle

2013-10-24 00:29:40

die beste Lösung, die ich denke, ist es, jquery plugins zu verwenden.

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

Quelle

2013-10-24 04:32:28 user2506760

alle Browser Rückfall auf Texteingabetyp, wenn spezielle Eingabe fehlt. Es geht um Widgets und Validierung.

Nach Unterstützung Bereich Widget

Firefox 23 Desktop-

Firefox 29