问答详情
源自:6-6 失焦事件(onblur)

placeholder 属性是html5专用的么?

placeholder 属性是html5专用的么?实例中用value属性在输入框中提示输入,感觉还是placeholder比较好,请懂的细致得讲解下着俩个属性的常用场合。

提问者:慕无忌5164682 2015-08-05 10:00

个回答

  • Annguowenhua
    2015-08-12 14:19:34
    已采纳

    placeholder是html5的新属性,可想而知,仅支持html5的浏览器才支持placeholder,目前最新的firefox、chrome、safari以及ie10都支持,ie6到ie9都不支持。placeholder属性只能在type属性为text,email,search,tel和url的input元素内使用

    并且,两种情况下,

    <input type="text" placeholder="hello">
    <input type="text" value="hello">
    1. 你会发下,placeholder的hello是灰色的,value是黑色的,并且value可以提交到表单上,placeholder不行

    2. 当鼠标点击输入框聚焦后,输入框为null,placeholder的hello就会存在,输入框不为空,placeholder的hello就会消失,而且当你输入文字后再删除,placeholder里的hello又会再次出现;而value删除后将不会出现,并且要输入文字必须主动删除才行。

    3. value比较适合需要提交的默认形式,比如用户名的输入框可以直接用<input type="text" value="张三">

      用得多了你就知道它们的区别了。多实践~