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();
                            }
                        }
                    });

  • 相关阅读:
    让文字在标签li的底部
    根据不同的浏览器对不同元素进行css调整
    根据ie浏览器不同的类别选择不同的css
    ASP流程控制语句
    asp动态生成google的sitemap地图的代码
    glusterfs 思维导图
    利用saltstack管理边缘计算节点
    ACK EDGE 实战
    /dev/shm 容器下调优
    MySQL DBA 001
  • 原文地址:https://www.cnblogs.com/hhj3645/p/8856870.html
Copyright © 2011-2022 走看看