网页编写技巧：表单textarea有关焦点的用法大全！

最新推荐文章于 2024-05-14 10:30:37 发布

高级网络营销师

最新推荐文章于 2024-05-14 10:30:37 发布

阅读量594

点赞数

分类专栏：网页设计

本文链接：https://blog.csdn.net/gjwlyxs/article/details/103840311

版权

网页编写技巧：表单textarea有关焦点的用法大全！

1、文本框显示默认文字：

<textarea>CSDN-csdn.net</textarea>

2、鼠标点击文本框，默认文字消失：

<textarea onfocus="if(value==’CSDN-csdn.net’) {value=''}">CSDN-csdn.net</textarea>

3、鼠标移动至文本框，默认文字消失：

<textarea onmouseover="focus()" onfocus="if(value==’CSDN-csdn.net’) {value=''}">CSDN-csdn.net</textarea>

4、鼠标点击文本框时，默认文字消失，点击文本框外任意区域时，默认文字又重现：

<textarea onfocus="if(value==’CSDN-csdn.net’) {value=''}" onblur="if(value=='') {value=’CSDN-csdn.net’}">CSDN-csdn.net</textarea>

5、鼠标移至文本框，默认文字消失，鼠标移出文本框，默认文字重现：

<textarea onmouseover="focus()

关注

专栏目录