form表单中写入button按钮的提交

关注

原创最新推荐文章于 2026-06-17 09:39:28 发布 1.4k 阅读 AI 写同款· GEO 优化 ›

layui踩坑记录之form表单下的button按钮默认自动提交因此，当我们在使用form的时候，如果没有添加标准的提交按钮，会自动默认把其他的普通按钮认为是提交按钮，因为button的type默认值为“submit”。其实就是使用form的时候，应该对应有一个提交按钮，配套使用。其他功能按钮相加多少就加多少，但是必须要有一个提交按钮。2.在不需要提交的场景使用form时尽量使用a标签按钮来代替button，比如筛选功能中的查询按钮；1.在form中使用button时添加type属性：button、submit、reset；layui的官网说的也是比较清楚的，通过。阅读详情

<div>
    <form action="/registe/m" id='verify' method='post'>
        {%csrf_token%}
       <input type="text" id='username' name="username" value=''><br>
       <input type="password"  id='password' name="password" value=''><br>
       <input type='hidden' id='a' name="a">
       <input type='hidden' id='s' name="s">
       <input type='hidden' id='params' name="params">
       <input type="button" onclick="formSubmit()" value="Registe">


    </form>
</div> 




<script>
    
        var a = 'FF';
        var s= 'n';
        var username = document.getElementById('username').value;
        var password = document.getElementById('password').value;
        function formSubmit(){
            document.getElementById('a').value=a;
            document.getElementById('s').value=s;
            document.getElementById('params').value=params;
            document.getElementById('verify').submit();
        }

收录于