zoukankan      html  css  js  c++  java
  • Html:form表单

    1:onsubmit 事件:会在表单中的确认按钮被点击时发生。

    <form action="" method="post" name="form1" onsubmit="return toVerify()">
    </form>
    
    <script>
     function toVerify() {
            if() {
                 return true;    
            }else {
                 return false;
            }  
        }
    </script>

    2:获取checkbox的选中个数

    $("input[type='checkbox']:checked").length

    3 : HTML防止input回车提交表单

        <!-- enter不会自动提交数据 -->  
        <form action="www.baidu.com" method="post" onkeydown="if(event.keyCode==13){return false;}">  
            <input type="text" value="" />  
            <input type="text" value="" />  
            <button>提交</button>  
            <!-- 或在对应input上添加,同时建议取消自动填充,因为mac下会有问题<input type="text" value="" autocomplete="off" onkeydown="if(event.keyCode==13){return false;}" /> -->  
        </form>  

    上面的方法可能对UC浏览器没有效果。解决的办法是:不让form表单出现type="submit"

    <!-- 通过单击,触发submit -->
    <input type="button" class="submit-btn btn btn-warning" onclick="$('form').submit()"  value="确定">

    4:如果想让form,点击回车提交,添加如下代码即可:(支持火狐、360等浏览器)

    <input type="submit" style="display:block;overflow:hidden;0px;height:0px; position:absolute"> 
  • 相关阅读:
    搭建yum本地仓库
    VMware中安装Windows_Server_2008_R2
    2020.03.21 JOI春令营&A组 总结
    2020.03.18【NOIP提高组】模拟A 组 总结
    2020.03.14【NOIP提高组】模拟A 组 总结
    2020NOI在线能力测试【入门组】跑步
    价值备注
    Dockers 学习
    给网站配置免费的HTTS证书
    熟悉pyspider的装饰器
  • 原文地址:https://www.cnblogs.com/wangyuman26/p/6027371.html
Copyright © 2011-2022 走看看