Input Text placeholder 属性

Input Text 对象

修改文本域的提示文本：

姓名: <input type="text" id="myText" placeholder="Name">
<p>点击按钮修改文本域的提示信息。</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    document.getElementById("myText").placeholder = "在这输入姓名..";
  }
</script>

尝试一下 »

---

定义和用法

placeholder 属性用于设置或返回文本域的 placeholder 属性值。

placeholder 属性轨道了输入字段预期值的提示信息。

该提示会在输入字段为空时显示，并会在字段获得焦点时消失。

---

浏览器支持

所有主流浏览器都支持 placeholder 属性。

注意： Internet Explorer 9 及更早 IE 版本的浏览器不支持 placeholder 属性。

---

语法

返回 placeholder 属性:

textObject.placeholder

设置 placeholder 属性:

textObject.placeholder=text

属性值

值	描述
text	规定了简短的提示信息 (一个单词或短语) ，用于描述文本域预期值

技术细节

返回值：	字符串，一个简短的提示用于描述文本域预期值

---

更多实例

获取文本域的提示信息：

姓名: <input type="text" id="myText" placeholder="Name">
<p>点击按钮显示文本域的提示信息。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
  function myFunction() {
    var x = document.getElementById("myText").placeholder;
    document.getElementById("demo").innerHTML = x;
  }
</script>

尝试一下 »

---

相关页面

HTML 参考手册: HTML <input> placeholder 属性

---

Input Text 对象