美文网首页
表单中阻止点击按钮自动刷新页面问题

表单中阻止点击按钮自动刷新页面问题

作者: 踏雪_739a | 来源:发表于2019-07-15 11:54 被阅读0次

    问题:如下代码会发生点击保存后自动刷新页面

    <button class="btn btn-default" id="save">

        <i class='icon-save'>

        保存

    </button>

    原因:

    button,input type=button按钮在IE和w3c,firefox浏览器区别:

        当在IE浏览器下面时,button标签按钮,input标签type属性为button的按钮是一样的功能,不会对表单进行任何操作。

        但是在W3C浏览器,如Firefox下就需要注意了,button标签按钮会提交表单,而input标签type属性为button不会对表单进行任何操作

    解决方案:

    方案1:将button标签更换为input

    <input class="btn btn-default" value="保存"></input>

    方案2:为button按钮增加一个type=”button”属性

    <button class='btn btn-default' id="save" type="button">

        <i class='icon-save'>

        保存

    </button>

    相关文章

      网友评论

          本文标题:表单中阻止点击按钮自动刷新页面问题

          本文链接:https://www.haomeiwen.com/subject/loagkctx.html