2012-09-17 14 views
26

मैं एचटीएमएल 5 के साथ कई रूपों का उपयोग कर सभी अपनी वेबसाइट बनाने (input प्रकार date, color और range इस्तेमाल करते हैं।)एचटीएमएल 5 इनपुट प्रकार की तारीख, रंग, फ़ायरफ़ॉक्स और इंटरनेट एक्सप्लोरर में सीमा समर्थन

सब कुछ गूगल में ठीक काम करता है है क्रोम।

लेकिन जब मैं इंटरनेट एक्सप्लोरर और फ़ायरफ़ॉक्स चालू करता हूं, तो सभी इनपुट फ़ील्ड inputtext टाइप करें।

क्या कोई तरीका या एक स्क्रिप्ट है जिसे मैं इस इनपुट को सही तरीके से प्रदर्शित करने के लिए डाउनलोड कर सकता हूं?

+1

Firefox और IE संस्करण का उपयोग कर सकते हैं नहीं है? –

+0

एफएफ 15.0, और आईई 9.0.8 –

+0

क्या आप 'डॉक्टरेट' का उपयोग कर रहे हैं? –

उत्तर

37

चूंकि HTML5 अभी तक पूरी तरह से मानकीकृत नहीं किया गया है, इसलिए सभी ब्राउज़र इन इनपुट प्रकारों का समर्थन नहीं करते हैं। इरादा व्यवहार <input type="text"> पर वापस आना है।

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

आप test for support कर सकते हैं Modernizr लाइब्रेरी का उपयोग कर या कुछ कस्टम JavaScript साथ। यदि आप एक निश्चित HTML5 सुविधा का पता नहीं लगाते हैं, तो आप JavaScript - basedalternatives पर वापस आ सकते हैं।

+0

आपके उत्तर के लिए धन्यवाद। मुझे फ्रेंच वेबसाइट में एक रास्ता मिल गया है। http://41mag.fr/tutoriel-html5-comment-faire-un-formulaire-complet.html बात यह है कि मैं फिर से कुछ परेशानी से मुलाकात की। लेकिन यह पोस्ट ठीक है। आपकी सहायता के लिए धन्यवाद। –

+0

आपका स्वागत है। – user2428118

+0

यहां समाधान समाधान है: http://www.zeeshanarshad.com/how-to-get-firefox-html-5-date-input-andor-ie-10/ –

1

मुझे इनपुट प्रकार = रेंज के साथ एक ही समस्या थी। इंटरनेट एक्सप्लोरर 10 को छोड़कर सब कुछ ब्राउज़र पर काम कर रहा था। इंटरनेट एक्सप्लोरर के साथ यह कोई समस्या नहीं थी, क्योंकि मैं अन्य वेबसाइटों में स्लाइडर देख सकता था। समाधान मेरी वेबसाइट के लिए अनुकूलता दृश्य को बंद करना था।

0

मुझे लगता है कि सबसे अच्छा समाधान jquery plugins का उपयोग करना है।

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

6

सभी ब्राउज़रों अगर विशेष इनपुट उपलब्ध नहीं है इनपुट प्रकार पाठ पर वापस आने। विजेट और सत्यापन के बारे में सब कुछ।

समर्थन रेंज विजेट

फ़ायरफ़ॉक्स डेस्कटॉप 23

Firefox 29

ओपेरा डेस्कटॉप

Opaera

क्रोम डेस्कटॉप

012,351 के बाद

chrome desktop

क्रोम मोबाइल

Chrome mobile

आईओएस सफारी 5

IOS Safari 5

:

ब्राउज़रों के बाद अब रंग विजेट

फ़ायरफ़ॉक्स डेस्कटॉप 29

Firefox 29 color input Ubuntu

ओपेरा डेस्कटॉप 11

Opera desktop color input

क्रोम डेस्कटॉप 20 का समर्थन करता है

chrome input type color Ubuntu

Android 4.4/क्रोम मोबाइल:

chrome mobile color input

ओपेरा मोबाइल:

opera mobile color input

ब्लैकबेरी:

blackberry color input

फ़ायरफ़ॉक्स ओएस 1.3

फ़ायरफ़ॉक्स ओएस अब रंग इनपुट का समर्थन करता है, लेकिन मैं अभी भी एक स्क्रीन शॉट

यू चाहते हैं यू इस http://www.eyecon.ro/colorpicker/

+0

वाह, सभी पोस्ट करने की परेशानी के लिए धन्यवाद विभिन्न स्क्रीन पर इन स्क्रीन शॉट्स :) – hypervisor666

+0

और यदि आप ऐप के लिए आईई की आवश्यकता है? शामिल करने के लिए कोई आसान libs? – whyoz

+0

आप jquery ui पर फॉलबैक cpuld cpuld – aWebDeveloper