सफारी और क्रोम jQuery मोबाइल फ़ील्ड कंटेनर प्रदर्शित - एचटीएमएल 5, jQuery-मोबाइल

मेरे एचटीएमएल 5 वेबएप में मेरे पास एक फील्डकनेक्ट हैप्लेसहोल्डर, "वॉल्यूम" कहें। क्रोम प्लेसहोल्डर को प्रदर्शित करता है जैसे उसे करना चाहिए, लेकिन सफारी इसे बिल्कुल भी प्रदर्शित नहीं करता है। क्या समस्या हो सकती है? क्या यह गलत नहीं है? यहाँ कोड स्निपेट है:

<div data-role="fieldcontain">
<label for="Liter">Liter:</label>
<input type="number" min="0" max="36000" name="Liter" id="Liter" value="" placeholder="Liter" data-clear-btn="true"/>
</div>

Windows v। 5.1.7 के लिए सफारी; Windows v। 31.0.1650.63 मीटर के लिए क्रोम; jQuery v। 1.9.1; jQuery मोबाइल v। 1.3.2

उत्तर:

placeholder अभी तक हर ब्राउज़र के लिए समर्थित नहीं है।

मैं हमेशा उपयोग करता हूं jQuery प्लेसहोल्डर्स के लिए। HTML5 प्लेसहोल्डर फिक्स JS का उपयोग कर एक उदाहरण:

$(""[placeholder]"").focus(function() {
var input = $(this);
if (input.val() == input.attr(""placeholder"")) {
input.val("""");
input.removeClass(""placeholder"");
}
}).blur(function() {
var input = $(this);
if (input.val() == """" || input.val() == input.attr(""placeholder"")) {
input.addClass(""placeholder"");
input.val(input.attr(""placeholder""));
}
}).blur();

यहाँ पढ़ें: http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html