欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-04-10 16:05:39
...
这次给大家带来常用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';}">

相信看了这些案例你已经掌握了方法,更多精彩请关注其它相关文章!

相关阅读:

html的内联元素和块级元素有哪些不同

怎样使用trigger方式实现不用点击file类型的input弹出文件选择对话框

Html中有哪些标记文字注释的符号

以上就是常用input文本框内容自动垂直居中并默认提示文字单击为空的详细内容,更多请关注其它相关文章!