Safari和Chrome显示jQuery移动字段包含

Question

在我的HTML5网络应用程序中，我有一个带有占位符的字段contain，比如"Volume"。Chrome会像它应该做的那样显示占位符，但Safari根本不会显示它。可能是什么问题？我做了smth吗。错误的以下是代码片段：

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

Safari for Windows版本5.1.7；Chrome for Windows v.31.0.1650.63米；jQuery诉1.9.1；jQuery mobile v.1.3.2

Answer 1

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