本文摘自PHP中文网，作者php中世界最好的语言，侵删。
这次给大家带来常用input文本框内容自动垂直居中并默认提示文字单击为空，常用input文本框内容自动垂直居中并默认提示文字单击为空的注意事项有哪些，下面就是实战案例，一起来看一下。本效果有三个功能：
1、内容自动垂直居中
2、默认提示文字显示灰色
3、单击后变为空
1 | <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';}">
|
相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
相关阅读：
html的内联元素和块级元素有哪些不同
怎样使用trigger方式实现不用点击file类型的input弹出文件选择对话框
Html中有哪些标记文字注释的符号
以上就是常用input文本框内容自动垂直居中并默认提示文字单击为空的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
html禁止清除input文本输入缓存的两种方法
bootstrap怎么给input加图标
html5中的input类型包含哪些属性
怎样通过disabled和readonly将input设置为只读效果
html/css怎么让input禁止输入
css怎么实现内容超出隐藏效果
table表格中的内容溢出应该如何处理
input的文本框怎么做到和img验证码
jquery怎么判断input是否为空
html5 input输入实时检测以及延时优化
更多相关阅读请进入《input》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 常用input文本框内容自动垂直居中并默认提示文字单击为空
