zoukankan      html  css  js  c++  java
  • placeholder 兼容处理

    <div class="f_border_two article-author clearfix">
                        <div class="m_input fl">
                            <input type="text" id="author" value="" name="" maxlength="50">
                            <label for="">姓名</label>
                            <p class="cue">请填写姓名</p>
                        </div>
                        <div class="m_input fl">
                            <input type="text" id="phone" value="" name="" maxlength="50">
                            <label for="phone">联系方式</label>
                            <p class="cue">请填写联系方式</p>
                        </div>
                        <div class="m_input fr">
                            <input type="text" id="school" value="" name="" maxlength="100">
                            <label for="school">所属学校</label>
                            <p class="cue">请填写所属学校</p>
                        </div>
                    </div>      

    //去掉input label 提示
                    $(".f_border_two input,.f_border_two textarea").on({
                        'focus': function () {
                            var self = $(this);
                            if (self.val() == '') {
                                self.siblings('label').hide();
                            }
                        },
                        'blur': function () {
                            var self = $(this);
                            if (self.val() == '') {
                                self.siblings('label').show();
                            }
                        }
                    });

  • 相关阅读:
    判断元素的属性是否存在
    js 查找树节点 数组去重
    redis 基础知识
    jQuey知识点三 解析json数据
    jQuery知识点二 实现隔行变色
    mysql 基础操作一
    ruby 基础知识三 读写文件
    Active Record 数据迁移
    ruby 基础知识(二)
    rails 常用的知识点
  • 原文地址:https://www.cnblogs.com/hhj3645/p/8856870.html
Copyright © 2011-2022 走看看