设置文本框失去焦点与获得焦点的样式
2016-01-25 22:53
423 查看
有时需要给文框设置文本框失去焦点与获得焦点的样式,正如密码框一样,没有获得焦点时,内部显示“请输入密码”,当点击密码框时,字样消失,其实并不难,请看代码
<!doctype html> <html> <head> <meta charset="utf-8"> </head> <body> <div class="box_dis"> <input class="search" type="text" value=“请输入密码” id="tipinput">
</div> <script type="text/javascript"> function addListener(element, e, fn) { if (element.addEventListener) { element.addEventListener(e, fn, false); } else { element.attachEvent("on" + e, fn); } } var tipinput = document.getElementById("tipinput"); addListener(tipinput, "click", function () { //当点击文本框时令其为空 tipinput.value = ""; }) addListener(tipinput, "blur", function () { //当失去焦点时,显示“请输入密码”
tipinput.value = "请输入密码"; }) </script> </body> </html>
相关文章推荐
- 设置文本框失去焦点与获得焦点的样式(新)
- JQuery设置文本框和密码框获得焦点时样式
- jquery文本框获得和失去焦点改变样式
- jquery获得焦点与失去焦点改变文本框背景图的写法
- js设置文本框聚焦时置顶,失去焦点时恢复位置(适用于移动设备软键盘遮挡问题)
- 文本框获得焦点和失去焦点的判断代码
- 文本框内默认提示————请输入用户姓名(字体灰色),要求: (1)当文本框获得焦点时,默认提示消失 (2)当文本框失去焦点时,如果没有输入新内容,那么则显示原来的灰色字体内容; 如果有新内容输入则判断,如果长度小于10,则提示“姓名长度应该大于10个字符”
- 文本框样式(失去焦点和得到焦点)
- EditText边框设置,获得焦点颜色变深,失去变浅
- Jquery实现文本框获取焦点清空内容,失去焦点重新获得内容的公共函数
- 文本框提示样式,鼠标点击获得焦点时提示内容消失
- 文本框失去焦点后重新获得
- 文本框失去焦点事件、获得焦点事件
- jquery获得/失去焦点改变元素样式
- jquery 获得焦点的时候,焦点时文本框清空,失去焦点时又显示默认文字
- 文本框失去焦点事件、获得焦点事件
- 表单元素事件、文本框失去焦点事件、获得焦点事件http://blog.sina.com.cn/s/blog_73dac6b50101h4qb.html
- jQuery文本框得到与失去焦点动态改变样式效果
- 文本框失去焦点事件、获得焦点事件
- 在js(jquery)中获得文本框焦点和失去焦点的方法