常用input文本框内容自动垂直居中并默认提示文字单击为空
时间：2014-06-07 23:14 来源： 作者： 收藏
常用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';}">
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';}">
html教程阅读排行
-
meta viewport标签的使用说明(手机浏览缩放控制)
2014-06-08
-
2014-06-04
-
2010-04-07
-
2014-06-04
-
2014-06-09
-
2014-06-07
-
2014-06-09
-
2014-06-05
最新文章
-
2017-10-25
-
2014-06-15
-
2014-06-15
-
2014-06-15
-
2014-06-15
-
使用SWFObject完美解决HTML插入Flash的各浏览器兼容性方案
2014-06-12
-
设置contenteditable属性可编辑HTML标签的内容(可代替textarea)
2014-06-12
-
2014-06-12
热门源码
