网站地图    收藏   

主页 > 前端 > html教程 >

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

来源:自学PHP网    时间:2014-12-15 15:58 作者: 阅读:

[导读] 常用input文本框内容自动垂直居中同时实现默认提示文字单击为空的效果,想必有很多的朋友都不会吧,下面为大家详细介绍下具体的实现方法,感兴趣的朋友可以参考下哈...

常用input文本框内容自动垂直居中同时实现默认提示文字单击为空的效果,想必有很多的朋友都不会吧,下面为大家详细介绍下具体的实现方法,感兴趣的朋友可以参考下哈
三个功能:

1、内容自动垂直居中
2、默认提示文字显示灰色
3、单击后变为空

复制代码
代码如下:

<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网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论