日期:2014-05-17  浏览次数:20642 次

html5 placeholder 属性 并检测浏览器是否支持这个属性

今天看一段js代码的时候发现这样一段话

if ("placeholder" in document.createElement("input")) return true;
else return false;
这句话的意思是判断input对象中有没有placeholder属性。

Placeholder是HTML5新增的另一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点时,提示文字消失。以前要实现这效果都是用JavaScript来控制才能实现:

<form action="demo_form.asp" method="get">
  <input type="search" name="user_search" placeholder="Search W3School" />
  <input type="submit" />
</form>