本文摘自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文本框内容自动垂直居中并默认提示文字单击为空的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
jquery怎么判断input是否为空
网页中回车后form自动提交跳转到其他页面应该如何解决
input输入框只能输入数字、字母相关组合(正则表达式)
css input样式怎么修改
html如何设置input不可编辑
jquery如何判断 input type="file"上传文件是否为空
css input大小怎么设置
html如何限制input输入框只能输入纯数字
html文件中include文件内容应该如何使用
bootstrap怎么给input加图标
更多相关阅读请进入《input》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 常用input文本框内容自动垂直居中并默认提示文字单击为空