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

相关阅读 >>

浅谈input中的name,value以及label中的for

html input是什么

jquery如何判断 input type="file"上传文件是否为空

input输入框只能输入数字、字母相关组合(正则表达式)

html搜索框怎么设置?html搜索框input标签的使用方法实例

css input大小怎么设置

如何获取html中input标签的value的值?关于input value的用法详解

关于html5 input placeholder 的颜色修改

css input样式怎么修改

jquery怎么判断input是否为空

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




打赏

取消

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

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

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

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

评论

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