文本框默认值点击清空鼠标移开恢复默认值

煜楷

于 2016-12-09 08:33:16 发布

阅读量1.9k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： WEB前端文章标签： WEB前端 onfocus onblur

本文链接：https://blog.youkuaiyun.com/netuser1937/article/details/53534229

WEB前端专栏收录该内容

114 篇文章

订阅专栏

本文详细解析了一个HTML输入字段的属性及用途，特别是如何通过'onfocus'和'onblur'事件实现用户体验优化，对于前端开发者理解并实施类似的交互设计具有较高的参考价值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <input type="text" name="link" id="link" onfocus="javascript:if('请输入您的用户名'==this.value)this.value='';" onblur="javascript:if(''==this.value)this.value='请输入您的用户名'" value="请输入您的用户名" />

文本框默认值 点击清空 鼠标移开恢复默认值

文本框默认值点击清空鼠标移开恢复默认值