这个图片是大家经常见到的,点击文本框内,文本框内的文字就会消失。下面我们看下代码:
其实有两种方法呢,这第一种方法呢IE7不兼容,但IE7以上的还是有效果的:
<input type="text" tabindex="1" onclick="if(this.value=='用户名:') this.value=''" onblur="if(this.value=='') this.value='用户名:';" value="用户名:">
<input type="text" tabindex="2" onclick="if(this.value=='密码:') this.value='',this.type='text' " onblur="if(this.value=='') this.value='密码:',this.type='password';" value="密码:">
这第二种方法实用BootStrap里边的一种属性:placeholder=“ ”;
<input type="text" tabindex="1" class="pwd-text" placeholder="用户名:">
<input type="password" tabindex="2" class="pwd-text" placeholder="密 码:">
如果用第二种方法的话,一定在头部加上这个:
<script src="http://libs.baidu.com/jquery/1.7.2/jquery.js"></script>
显然,第二种方法要简单的多,我也多多建议大家用二种方法。接下来就是样式问题,这个是不容小窥的,稍微哪个div的样式没注意到,就会出现不理想的效果再绚酷的东西也表现不出来。
相关推荐
jquery文本框背景显示描述文字,输入文字消失
数字文本框控件数字文本框控件数字文本框控件数字文本框控件数字文本框控件数字文本框控件数字文本框控件数字文本框控件数字文本框控件数字文本框控件
自己写了个winForm处理文本框只能输入数字,与大家分享
《锋利的jquery》利用val方法获取文本框内容来判断聚焦时显示还是隐藏
文本框默认显示提示信息,jQuery插件
jQuery实现文本框获得焦点文字消失 1、文本框获得焦点改变文字颜色的jQuery代码; 2、文本框获得焦点仅文字消失,不牵扯到样式改变;
C#文本框只能输入数字 希望对大家有帮助
html限制文本框输入小数点 数字 字母 汉字 等
在MFC中的静态文本框上能够显示图片,同时能够修改静态文本框的背景颜色!
在文本框上显示图片和背景,并且主框上没有变化,同时也可以修改主框的背景!
文本框在窗体的背景图片中透明,文本框在窗体的背景图片中透明,
点击文字显示在文本框里HTML代码,很实用哦
验证文本框只能输入数字,其它任何字符都不能输入,很好用的一个方法,可以直接使用
JS双击文字显示文本框
js正则表达式限制文本框只能输入数字,能输小数点.js正则表达式限制文本框只能输入数字,能输小数点.
文本框默认提示文字。例如:搜索框中,默认提示:请输入 标题 搜索 。。。之后点击文本框,文字消失。
文本框点击时文字消失失去焦点时文字出现.txt文本框点击时文字消失失去焦点时文字出现.txt文本框点击时文字消失失去焦点时文字出现.txt
c# 文本框只能输入数字
jquery文本框显示描述文字.zip
通过VC实现设定静态文本框的背景色和文本颜色,适合初学者。