input 输入框获得/失去焦点时隐藏/显示文字

最新推荐文章于 2019-05-20 18:03:24 发布

smalljonxo

最新推荐文章于 2019-05-20 18:03:24 发布

阅读量323

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/smalljonxo/article/details/84274849

本文介绍了一种美化HTML输入框的方法，通过设置鼠标悬停、聚焦等状态下的样式，提升用户体验。该方法适用于需要用户输入查询内容的应用场景。

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

原文地址：

一种好看的写法：（但是未实现分离）

<input name="content" type="text" size="50" id="content" value="请输入公司名进行查询" onmouseover="this.style.borderColor='#FF6600'" onmouseout="this.style.borderColor=''" onFocus="if (value =='请输入公司名进行查询'){value =''}" onBlur="if (value ==''){value='请输入公司名进行查询'}"/>