用jq设置表单中的输入框占位符效果(兼容IE7以上)
来源:互联网 发布:快速阅读软件下载 编辑:程序博客网 时间:2024/05/26 12:06
input 中的 placeholder 属性规定可描述输入字段预期值的简短的提示信息,该提示会在用户输入值之前显示在输入字段中。注意:Internet Explorer 9 及之前的版本不支持 标签的 placeholder 属性。
输入框占位符效果,这是我经常在工作中需要兼容到IE7以上的专题页面遇到的问题,现在把它记录下来,方便大家作为参考吧~
/*设置输入框占位符效果*/ //获得焦点的时候,占位符为空,输入框的字体颜色为#000 function input_focus(inputName, inputValue) { $(inputName).on('focus', function () { var value_name = $(this).attr('value'); if (value_name == inputValue) { $(this).attr('value', ''); } $(this).css('color', '#000'); }); } //失去焦点的时候,如果输入框为空,则显示占位符,占位符颜色为:#aaa function input_blur(inputName, inputValue) { $(inputName).on('blur', function () { var value_name = $(this).attr('value'); if (value_name != '') return; } else { $(this).css('color', '#aaa'); $(this).attr('value', inputValue); } }); } //以下是调用方法,里面的内容可以具体的修改 input_focus('#class_name', '请填写您的姓名'); input_focus('#class_phone', '请填写您的联系方式'); input_focus('#class_code', '请填写您的短信验证码'); input_blur('#class_name', '请填写您的姓名'); input_blur('#class_phone', '请填写您的联系方式'); input_blur('#class_code', '请填写您的短信验证码');
阅读全文
0 0
- 用jq设置表单中的输入框占位符效果(兼容IE7以上)
- 用jq设置web端浏览器自适应效果(兼容IE7以上)
- web编程中的表单输入框效果
- IE7(兼容透明蒙版效果)
- 设置IIs IE7兼容
- 用input输入框实现好看的复选框效果(css+jq)
- 页面滚动进度条 ( 兼容IE7及以上 )
- JQuery自动轮播效果,带字幕说明,带底部滚动圈圈,兼容IE7以上所有主流浏览器。(魔兽背景哟亲)
- jq给输入框设置初始值
- 通过 JavaScript 获取和设置光标在输入框中的位置(兼容 IE 及 Firefox)
- 关于表单用js如何实现占位符placeholder的效果
- 全自动遮罩层插件layer2.0版本发布(可传参),兼容IE7以上
- jq插件做圆形进度条,兼容ie7、ie8
- js实现琴弦效果(兼容IE7)
- CSS3过渡效果 兼容IE6、IE7、IE8
- 关于css部份技巧, div在IE6/IE7/IE8/FF 不同浏览器 中的效果兼容
- css技巧div在IE6/IE7/IE8/FF 不同浏览器 中的效果兼容
- JQ实现效果:用户名表单验证
- [2017-09-04]Abp系列——为什么值对象必须设计成不可变的
- Android中高效的显示图片
- 异常的处理方法
- initrd简介
- Zookeeper的集群配置和Java测试程序
- 用jq设置表单中的输入框占位符效果(兼容IE7以上)
- vmware安装mac10.12
- centos7 怎么配置yum 163的源
- ADB配置和常用命令
- linux定时执行任务后怎么取消
- Swift 中的闭包
- 闯关东 夏掌柜分析
- Java Web学习总结52:使用JavaMail创建邮件和发送邮件
- 设有2条路由21.1.193.0/24和21.1.194.0/24,如果进行路由汇聚,汇聚这两条路由的地址是