提示内容点进自动消失/跳出恢复的留言框代码

此代码仅供参考

---

代码说明

在原来的留言框代码基础上，本人增加了输入框内提示内容，点进去后提示内容消失，内容无修改跳出后自动恢复。其中，size="20"控制输入框宽度，maxlength="30" 控制输入框最小高度。

---

html代码

<form method="POST" action="http://s.wodemo.com/"> <input type="hidden" name="act" value="file_talk"> <input type="hidden" name="fid" value="留言板ID"> <input type="text" name="content" onfocus="if(this.value=='输入你想说的话吧') {this.value='';}this.style.color='#000';" onblur="if(this.value=='') {this.value='输入你想说的话吧';this.style.color='#999';}" value="输入你想说的话吧" size="20" maxlength="30"/><input type="submit" value="留言"></form>

---

代码演示

---

---