zoukankan      html  css  js  c++  java
  • button与subit区别

    submit介绍

      submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了。
    如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的行为,否则,将会造成提交两次的效果,对于动态网页来说,也就是对数据库操作两次。或者在使用submit时验证时加return true或false。

    submit和button的区别

      submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上,submit会提交表单,button不会提交表单.
      submit默认为form提交,可以提交表单(form).
      button则响应用户自定义的事件,如果不指定onclick等事件处理函数,它是不做任何事情.当然,button也可以完成表单提交的工作.
      INPUT type=submit 即发送表单,按回车提交表单
      INPUT type=button 就是单纯的按钮功能,提交的是innerTEXT
      submit:特殊的button,会自动将表单的数据提交,onClick方法不加return 会自动提交,并不会起到约束的作用,所以,使用submit时需要验证请加 return true或false.

    <input type="submit" name="Submit" value="注 册" onClick=" return check();">
    在JS中判断的时候 写return true; 或者 return false;

     button:普通的按钮,不会自动提交表单数据.可以在JS中显式提交:document.form1.submit(),使用场合: 一个页面有多个提交按钮,需要根据用户的操作来确定到底提交到哪个控制器,这种情况下,就需要在JS中判断用户的操作,然后根据操作来给document.form1.action赋值并且document.form1.submit()来提交

      但是对于从事WEB UI的人应该要注意到,使用submit来提高页面易用性:
    使用submit后,页面支持键盘enter键操作,而很多WEB软件设计师,可能没有注意到submit统一.
      用button后往往页面不支持enter键了。所以需要支持enter键,必须要设置个submit,默认enter键对页面第一个submit进行操作。

    执行完onClick,转到action。可以自动提交不需要onClick,所以说onclick这里可以不要。

    <input type="button" name="b1" value="提交" onClick="bt_submit_onclick()">

    执行完onClick,跳转文件在 js文件里控制,提交需要onClick.如果这儿没有 onClick

    type="submit"
    <form id="frm1" action="<%=request.ServerVariables("Script_Name")%>" method="post" onSubmit="return check_submit(this)">
    <input id="btnconfirm" type="submit" value="确定" name="btnconfirm"></form>
    
    type="button"
    <form id="frmAddModi" action="<%=request.ServerVariables("Script_Name")%>" method="post" name="frmAddModi" >
    <input id="btnconfirm" type="button" value="确定" name="btnconfirm" onClick="check(frmAddModi);"/>
    </form>
    • <input type="button" /> 这就是一个按钮。如果你不写javascript 的话,按下去什么也不会发生。
    • <input type="submit" /> 这样的按钮用户点击之后会自动提交 form,除非你写了javascript 阻止它。
    • <button> 这个按钮放在 form 中也会点击自动提交,比前两个的优点是按钮的内容不光可以有文字,还可以有图片等多媒体内容。(当然,前两个用图片背景也可以做到)。它的缺点是不同的浏览器得到的 value 值不同;可能还有其他的浏览器兼容问题
    • 其他标签,例如 a, img, span, div,然后用图片把它伪装成一个按钮。
    人这辈子没法做太多事情,所以每做一件事都要做到精彩绝伦。 因为,这就是我的宿命。人生苦短,你明白吗? 所以这是我为人生做出的选择
  • 相关阅读:
    NBUT 1120 Reimu's Teleport (线段树)
    NBUT 1119 Patchouli's Books (STL应用)
    NBUT 1118 Marisa's Affair (排序统计,水)
    NBUT 1117 Kotiya's Incantation(字符输入处理)
    NBUT 1115 Cirno's Trick (水)
    NBUT 1114 Alice's Puppets(排序统计,水)
    188 Best Time to Buy and Sell Stock IV 买卖股票的最佳时机 IV
    187 Repeated DNA Sequences 重复的DNA序列
    179 Largest Number 把数组排成最大的数
    174 Dungeon Game 地下城游戏
  • 原文地址:https://www.cnblogs.com/junjun1578/p/10948816.html
Copyright © 2011-2022 走看看