常用文本框内容自动垂直居中，并且默认提示文字可单击为空（实例）！

最新推荐文章于 2024-07-08 17:12:31 发布

原创最新推荐文章于 2024-07-08 17:12:31 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#文本框 #textbox #input #提示文字 #html

5.【css】同时被 2 个专栏收录

85 篇文章

订阅专栏

4.【html】

83 篇文章

订阅专栏

本文介绍了一种实现输入框的技巧，包括内容自动垂直居中、默认提示文字显示为灰色以及单击后清空默认提示的功能。这些特性提高了用户体验，并且能够帮助用户更直观地了解如何使用输入框。

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

三个功能：

1、内容自动垂直居中

2、默认提示文字显示灰色

3、单击后变为空

<input type="text" name="wd1" id="qy_1" maxlength="100" style="color:gray;width:199px;height:30px;line-height:30px;" autocomplete="off"  value="请输入企业名称" style="color:gray;" onfocus="javascript:if(this.value == '请输入企业名称') this.value = ''; this.style.color='gray';" onblur="if(this.value == '') {this.value = '请输入企业名称'; this.style.color = 'gray';}">