[WEB前端]关于placeholder属性的全兼容和完美的JS插件使用方法
来源:互联网 发布:阿里飞天云平台 编辑:程序博客网 时间:2024/05/17 01:21
本文将提供在不支持placeholder属性的浏览器,全面模拟兼容该属性的JS代码,该JS插件源码为原创,如下载使用,请保留版权信息。
该插件支持对input、textarea两种标签进行placeholder兼容,支持颜色自定义,并根据标签样式自动读取字体大小、水平对齐方式、内外边距等。插件由原生JS编写,无需任何其他插件支持,并且使用简单,只需一行JS调用即可。
支持的网页效果
不支持的网页效果
本插件使用方法:
使用方法一:
$placeholder.init();
使用方法二:
$placeholder.init(true,true);
使用方法三:
$placeholder.init({all:true,color:true});
参数描述:
第一个参数(all):默认false
- true-无论浏览器是否支持,都显示兼容标签
- false-仅在浏览器不支持时显示兼容标签
第二个参数(color):默认false
- true-根据设置的input或者textarea的css属性color改变placeholder颜色
- false-在显示兼容时,强制placeholder颜色为#ccc
另外,在获取到焦点时,placeholder显示不会隐藏,仅在存在文字输入时,才会隐藏。
下载地址:h.placeholder.min.js 资源
如有疑问请留言。
阅读全文
0 0
- [WEB前端]关于placeholder属性的全兼容和完美的JS插件使用方法
- placeholder—Jquery插件placeholder的使用方法
- 兼容其他不支持placeholder的浏览器(超强的让IE下支持placeholder的属性插件)
- html5的placeholder属性(IE如何兼容placeholder属性)
- Html5的placeholder属性(IE兼容)
- 兼容ie10以下版本的placeholder属性
- IE兼容html5的placeholder属性(IE如何兼容placeholder属性)
- 兼容IE8以下浏览器input表单属性placeholder不能智能提示功能,以及使用jquery.validate.js表单验证插件的问题处理
- 【转】placeholder属性模拟插件(兼容IE)
- 兼容IE的placeholder
- 关于Web前端、Html5、JS的区别
- js实现html的placeholder属性效果
- HTML5 的placeholder属性(兼容各版本)
- Ie9以下的input输入框placeholder属性兼容方案
- WEB前端开发学习----6.CSS 和 JS 在html的使用方法
- UITextField 关于placeholder属性的用法
- 关于表单元素input的placeholder属性
- web前端cookie的使用方法
- mysql存储表情微信昵称
- PR10.10:#Exploration: A Study of Count-Based Exploration for Deep Reinforcement Learning
- 自然语言处理中的文本处理和特征工程
- 深度学习框架的比较(MXNet, Caffe, TensorFlow, Torch, Theano)
- 安装protege
- [WEB前端]关于placeholder属性的全兼容和完美的JS插件使用方法
- Spring Boot系列(五):spring data jpa的使用
- 添加camera后摄,导致前摄无法打开,现象是没有camera切换图标
- Linux平台下快速搭建FTP服务器
- Linux笔记(1)_xshell链接vmware本地虚拟机
- github常用命令
- #include“stdafx.h”详解
- 几个常用的工具类
- 简析CSS中position属性值的区别