HTML5中的 placeholder 属性

placeholder是HTML5新增的另一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点时,提示文字消失。查看更多说明

例:

  <input type="text" value="" name=""  placeholder="哈哈">

显示效果:

可以简单小试下哦

不过现在有些浏览器对Html5的属性支持不是很好, placeholder也不列外,但是怎么知道浏览器是否支持呢?

那就用下面方法来判断:

function isPlaceholderSupport()

 {     

return 'placeholder' in document.createElement('input'); 

} 

OK !效果不错,现在支持的浏览器:Firefox4.0+、Chrome4.0+、Safari4.0+,Opera 11

 

 

 

posted on 2013-01-25 10:54  空山幽泉  阅读(537)  评论(0编辑  收藏  举报

导航