常用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

input的文本框怎么做到和img验证码

谷歌浏览的label与input间距问题应该如何解决

html input标签的属性有哪些

html如何限制input输入框只能输入纯数字

css input怎么去掉阴影

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

css如何清除input默认样式

input标签是什么意思

实例分析input 、submit、button和回车键提交数据区别

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




打赏

取消

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

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

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

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

评论

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