常用input文本框内容自动垂直居中并默认提示文字单击为空


本文摘自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文本框内容自动垂直居中并默认提示文字单击为空的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css input大小怎么设置

ionic2中怎么使用自动生成器

html中让表单input等文本框为只读不可编辑的方法

html中input submit、button和回车键提交数据详解

table表格中的内容溢出应该如何处理

html input是什么

html如何实现表单的选择框效果?单选框与多选框的实现(代码实例)

怎样通过disabled和readonly将input设置为只读效果

html如何修改日期样式

html如何设置input不可编辑

更多相关阅读请进入《input》频道 >>




JavaScript 从入门到项目实践
书籍

JavaScript 从入门到项目实践

清华大学出版社

本书采取“基础知识→核心应用→核心技术→高级应用→行业应用→项目实践”的结构和“由浅入深,由深到精”的学习模式进行讲解。全书共35章,不仅介绍了HTML、CSS、对象、函数、事件等JavaScript语言的基础知识,而且深入介绍了jQuery、客户端、服务器端、数据存储等核心技术。



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...