在联系表格 7 中为占位符应用脚本答案

【问题标题】：Apply script for placeholder in contact form 7在联系表格 7 中为占位符应用脚本
【发布时间】：2013-10-09 19:49:26
【问题描述】：

我正在使用此 HTML 代码来显示联系表单：

<input type="text" onblur="if(this.value=='')this.value='Name:';" onfocus="if(this.value=='Name:')this.value='';" value="Name:" name="name">
    <input type="text" onblur="if(this.value=='')this.value='Phone:';" onfocus="if(this.value=='Phone:')this.value='';" value="Phone:" name="phone">
        <input type="text" onblur="if(this.value=='')this.value='Email:';" onfocus="if(this.value=='Email:')this.value='';" value="Email:" name="email">
        <textarea onfocus="if(this.value=='Message!')this.value='';" onblur="if(this.value=='')this.value='Message!';">Message!</textarea>
        <input type="submit" value="SUBMIT" class="sub_btn"/>

在这种形式中，我的占位符运行良好。表示鼠标焦点占位符消失但鼠标移出占位符再次出现时。我想要联系表格 7 中的相同内容。

问题：

如何将此脚本应用于联系表格 7 字段。 onfocus="if(this.value=='Message!')this.value='';" onblur="if(this.value=='')this.value='Message!';"

【问题讨论】：

标签： javascript html forms placeholder contact-form

【解决方案1】：

对于 textareas，value 属性不起作用。你应该使用类似的东西（没有测试这个 sn-p）：

onfocus="if(this.textContent=='Message!')this.innerHTML='';"
onblur="if(this.textContent=='')this.innerHTML='Message!';"

textContent 属性类似于 innerHTML，但它会从 HTML 标记中剥离内容。

干杯，

【讨论】：