textarea标签设置默认值并且单击后自动消失
发现textarea标签与input标签设置默认值不同,input有value属性,但是textarea没有,所以需要在textarea设置默认值,则可通过以下方法:
方法1.直接这样:
1 | <textarea>hello!</textarea> |
方法2.或者根据id获取元素,并设置默认值
1 2 3 4 | <textarea id="t1"></textarea> <script> document.getElementById("t1").value="hello!" </script> |
注意这里的t1需要相同。
但切记,以下的做法是错误的!!!
1 | <textarea id="t1" value="hello!"></textarea> |
若想使textarea中的默认值在单击后自动消失,那么可以使用如下的代码:
1 | <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required" style="font-family:Consolas" onfocus="if(this.value==\'支持Markdown\') {this.value=\'\';}this.style.color=\'#333\';" onblur="if(this.value==\'\') {this.value=\'支持Markdown\';this.style.color=\'#333\';}" >支持Markdown</textarea> |