本文摘自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文本框内容自动垂直居中并默认提示文字单击为空的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
layui输入框如何设置禁止输入
css input怎么去掉阴影
html/css怎么让input禁止输入
html input标签的属性有哪些
html中input标签的属性有哪些
html input怎么设置虚线边框样式
h5移动端页面点击input重复弹出键盘的实现方法
input实现文字超出省略号（代码示例）
如何利用css改变input光标颜色
bootstrap怎么给input加图标
更多相关阅读请进入《input》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 常用input文本框内容自动垂直居中并默认提示文字单击为空
