javascript - 在联系表格 7 中为占位符应用脚本

Question

我正在使用此 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!';"

Answer 1

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

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

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

干杯，