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

来源:www.13sc.com | 游客上传 | 419 次浏览 | 0 条评论

搜索: 文本框 垂直居中 提示文字 

常用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"!!;}">

标签: 文本框 垂直居中 提示文字

最热-HTML/Xhtml

左右移动转换文字特效HTML代码解析

HTML表格标记教程(28):单元格的边框色属性BORDERCOLOR

入门:HTML的基本标签和属性简单介绍

给网站添加 favicon的技巧 网址前面的小图标

HTML基础:HTML的基本结构

HTML教程,认识optgroup元素

网页设计 TabIndex元素

使用相对宽度调整表格问题

最容易犯的HTML标签错误写法

HTML 5 预览

CSS和HTML与前端技术层图示

Web Slices是什么

Copyright 2009-2013 13sc.com All Rights Reserved.