表单控件placeholder属性兼容IE低版本(不影响表单校验)

所属分类:其他,输入-独立的部件,丰富的输入

表单控件placeholder属性兼容IE低版本(不影响表单校验) ie兼容7

更新时间:2017/8/28 上午9:31:05

更新说明:

    1. 修改 $.fn.isIE ,原来是一个方法,现改为属性,使用由 $.isIE() 改为 $.isIE

    2. 简化 placeholder 方法的代码,将监听事件改为即时事件 propertychange


更新时间:2017/8/22 上午9:52:58

更新说明:

    1. 重复调用 $(selector).placeholder() 将不会重复渲染带有placeholder属性的DOM元素;

    2. 页面上临时新增的元素,可以使用 $('[placeholder]').placeholder() 进行再次渲染;


更新时间:2017/8/21 下午12:39:27

更新说明:

    1. Demo 移除了select元素,增加了密码控件;

    2. placeholder.js有改动,目的是修复BUG: 当控件value不为空时,placeholder文本应该舒适化状态为隐藏。


插件内有一些参数可供自定义,但默认的其实是最好的:

//default options
var opts = {
	//是否使用内置样式
	useDefaultStyle : true,
	//placeholder文字css类名
	placeClassName : 'placeholder',
	//input父类名
	parentClassName : 'placeholder-parent',
	//input父类CSS
	parentStyle : 'position:relative;display:inline-block;overflow:hidden;',
	//placehodler元素CSS
	placeStyle : 'position:absolute;z-index:2;top:50%;left:0;width:100%;margin-top:-10px;padding:0;box-sizing:border-box;text-align:left;color:#999;line-height:20px;font-size:13px;white-space:nowrap;'
};

使用方法很简单:

//引入placeholder.js
<script charset="utf-8" src="placeholder.js"></script>
//调用
$('[placeholder]').placeholder();
相关插件-独立的部件,丰富的输入

doT.js 模板引擎

doT模板方便快捷的组织页面DOM
  独立的部件
 14054  30

基于Bootstrap的jQuery右键上下文菜单插件

Bootstrap Context Menu是一款非常实用的基于Bootstrap的jQuery右键上下文菜单插件。该右键菜单插件可以在多种元素上触发,也可以配合Font Awesome字体图标一起使用,非常的方便。
  独立的部件
 14101  45

Javascript图片文字识别插件JS-OCR

我们将使用Javascript图片文字识别插件JS-OCR,来通过拍照识别照片或者图片中的文字,请使用Chrome浏览器,并且确认启动你的摄像头支持。
  独立的部件
 10061  39

jquery-ui改良版

jquery-ui或许你都看厌了那些ui,改良后的ui较为现代化
  独立的部件
 13341  51

讨论这个项目(15)回答他人问题或分享插件使用方法奖励jQ币

    自招 0
    2017/9/20 15:08:26
    自招 0
    2017/9/20 14:07:28
    type是password时可以用吗
        nta.kim0
        2017/9/20 14:23:51

        keyi 可以

    回复
    特雷西 0
    2017/9/5 9:25:03
    这个最低兼容IE几啊
        nta.kim0
        2017/9/5 9:27:48

        最低IE7,

        IE6未测试

    回复
    极限天子 0
    2017/8/28 11:48:23

    不错,挺好的!

    不错,挺好的!

    不错,挺好的!

        nta.kim0
        2017/8/28 12:12:38
        有更新哦更新时间:2017/8/28 上午9:31:05
    回复
    nta.kim 0
    2017/8/21 12:32:43

    版本小更新一下!!!

    发现小的bug,更新审核通过后我会在此通知大家!

    回复
    ?・?・? 0
    2017/8/17 16:56:53

    只能支持8及其以上!!!

        nta.kim0
        2017/8/17 17:08:12

        IE7可以的,你那边时出现了什么问题吗

        ?・?・?0
        2017/8/17 17:17:30

        我什么都没做,就是用ie7查看了一下演示,你自己试试看

        nta.kim0
        2017/8/17 17:25:04

        我看过了,IE7上placeholder正常显示

    回复
    Avoidance month 0
    2017/8/17 15:48:33

    不错,挺好的

        nta.kim0
        2017/8/17 17:10:40

        O(∩_∩)O哈哈~

    回复
取消回复