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

相关阅读 >>

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

css input样式怎么修改

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

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

html input怎么设置不可编辑

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

单选框的type属性值为什么

bootstrap怎么给input加图标

button和input type=button的区别及注意事项

如何使用css对td中input的宽度设置

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




打赏

取消

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

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

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

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

评论

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