html5中文学习网

您的位置: 首页 > 网页制作 > html教程 » 正文

常用input文本框内容自动垂直居中并默认提示文字单击为空_HTML/Xhtml_网页制作

[ ] 已经帮助:人解决问题
点评:常用input文本框内容自动垂直居中同时实现默认提示文字单击为空的效果,想必有很多的朋友都不会吧,下面为大家详细介绍下具体的实现方法,感兴趣的朋友可以参考下哈
三个功能: 53hHTML5中文学习网 - HTML5先行者学习网
53hHTML5中文学习网 - HTML5先行者学习网
1、内容自动垂直居中 53hHTML5中文学习网 - HTML5先行者学习网
2、默认提示文字显示灰色 53hHTML5中文学习网 - HTML5先行者学习网
3、单击后变为空 53hHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
53hHTML5中文学习网 - HTML5先行者学习网
<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';}"> 53hHTML5中文学习网 - HTML5先行者学习网
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助