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

  • 相关阅读:
    不怕上不了 Android developers
    不花钱的可靠性设计
    linux2.6 内核特性配置
    Linux动态库的编译与使用 转载
    多线程使用互斥锁的C范例
    TSLIB 分析
    Notepad++中文版下载 以及HEX显示
    C程序实现在lcd 上全屏写 blue 色 及获取fb信息
    pthread_cond_wait的spurious wakeup问题
    查看linux内存条数的命令与清理内存使用
  • 原文地址:https://www.cnblogs.com/hhj3645/p/8856870.html
Copyright © 2011-2022 走看看