输入文本框【提示文字】的设置与清空
2014-07-28 17:45
281 查看
<1>
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>输入文本框提示文字的清空</title> <script src="Jquery/jquery-1.10.2.js" type="text/javascript"></script> <script type="text/javascript"> //当用户刚进入页面,在文本框中用灰色文字提示用过应该做什么,点用户点击这个文本框的时候,清空提示文字。 $(function () { var isFirst = true; $("#text1").css("color", "grey").focus(function () { if (isFirst) //判断用户是否第一次输入,如果是第一次输入,就将当前控件的值设为空 $(this).val(""); $(this).css("color", "Black") }); $("#text1").bind("keydown", function () {//#text1控件绑定 keydown事件,当它被按下的时候就触发function()匿名函数,将isFirst设为false【这时候将isFirst设为fasle,那就么代表它不是第一次输入了。所以第二次点击#text1控件的时候它就不会将#text1的值设为空了】 isFirst = false; }); $("#text1").blur(function () { if ($(this).val().length <= 0) { //如果在失去焦点的时候用户名的长度<=0的话就重新提示用户"请输入用户名" $(this).css("color", "grey").val("请输入用户名") } }) }) //第二种实现方式 $(function () { $("#text1").css("color", "Grey").focus(function () { if ($(this).val() == "请输入用户名") { $(this).val("").css("color", "Black") } }) $("#text1").blur(function () { if ($(this).val().length <= 0) { $(this).css("color","grey").val("请输入用户名") } }) }) </script> </head> <body> <input type="text" value="请输入用户名" id="text1"/><br/> </body> </html>
相关文章推荐
- Sencha toucha2中设置文本框默认提示文字的PlaceHolder属性的颜色
- [原]创建三个输入文本框,当光标离开文本框的时候如果文本框为空,则将文本框背景色设置为红色,如果不为空则为白色。提示:焦点进入控件的事件是onfocus,焦点离开控件的事件是onblur
- delphi 文本框内容空白时加上提示文字,输入内容时提示文字不显示
- kindeditor获取内容,清空,设置kindeditor输入提示信息
- 开发日志:js当文本框输入非中文字符时,提示只能输入中文并将非中文字符清空【兼容IE、FF,适用于当文本框内容改变就立刻触发事件的其他功能性需求】
- easyUI draggable插件使用不当,导致拖动div内部文本框无法输入;设置echarts数据为空时就显示空白,不要动画和文字
- html文本框提示文字设置
- SharePoint 2010 页面输入文本框提示功能之提示曾经录入过文字
- 表单文本框输入时提示文字消失
- 文本框textarea实时提示还可以输入多少文字
- editText提示输入文字字数,同时限制字数和清空输入内容
- html中input文本框,初始里边有文字提示,当点击输入文字时,原文字消失
- 设置密码输入框光标未选中为提示文字,输入密码不可见的实现
- 创建三个输入文本框,当光标离开文本框的时候如果文本框为空,则将文本框背景色设置为红色,如果不为空则为白色。提示:焦点进入控件的事件是onfocus,焦点离开控件的事件是onblur
- 文本框获得焦点,并且同时清空文本框内原有的文字。 如果文本框内已经有用户输入的内容了,那么就不应该进行清除文本款内容这个动作
- Sencha toucha2中设置文本框默认提示文字的PlaceHolder属性的颜色
- delphi 文本框内容空白时加上提示文字,输入内容时提示文字不显示
- iOS开发设置UISearchBar的输入背景框、提示文字等
- 一个常用的表单文本框input输入提示
- 如何让文本框内的提示信息在激活文本框时清空