本文摘自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文本框内容自动垂直居中并默认提示文字单击为空的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
bootstrap怎么给input加图标
js实现改变html上文字颜色和内容的方法
css input样式怎么修改
css如何清除input默认样式
input语句的作用
谷歌浏览的label与input间距问题应该如何解决
css input怎么去掉边框
css input怎么去掉阴影
table表格中的内容溢出应该如何处理
html怎么实现内容超出自动隐藏
更多相关阅读请进入《input》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 常用input文本框内容自动垂直居中并默认提示文字单击为空