`
小胖vs小猪
  • 浏览: 60593 次
  • 性别: Icon_minigender_2
  • 来自: 长沙
社区版块
存档分类
最新评论

type="button"和type="submit"的区别

 
阅读更多
type="button" ,"submit" 的区别(转)


  Submit是专门用于提交表单的Button,与Button的区别主要有两点:
  type=button 就单纯是按钮功能
  type=submit 是发送表单
   (1)Submit将表单提交(form.submit())作为其onclick后的默认事件,Button并非如此
   (2)表单提交时,所有具有name属性的html输入元素(包括input标签、button标签、select标签等)都将作为键值对提交,除了Submit对象。Submit对象只有在自己被单击后的提交中才会作为键值对被提交。
  但是对于从事WEB UI的人应该要注意到,使用submit来提高页面易用性:
  
  使用submit后,页面支持键盘enter键操作,而很多WEB软件设计师,可能没有注意到submit统一.
  
  用button后往往页面不支持enter键了。所以需要支持enter键,必须要设置个submit,默认enter键对页面第一个submit进行操作。
  
  
  执行完onClick,转到action。可以自动提交不需要onClick。所以说onclick这里可以不要。
  
  执行完onClick,跳转文件在 js文件里控制。提交需要onClick。
  比如:
  1,onclick="form1.action='a.jsp';form1.submit();" 这样就实现了submit的功能了。
  
 讲白一些,就是submit会有一个跳转,页面会刷新;而button不会刷新,就是一个button;可以用<button type="submit/button/reset"></button>来生成按钮,更加灵活,样式更好控制。  

分享到:
评论

相关推荐

    JS中type="button"和type="submit"的区别

    Submit是专门用于提交表单的Button,与Button的区别主要有两点:type=button 就单纯是按钮功能,type=submit 是发送表单。下面通过本文给大家分享JS中type="button"和type="submit"的区别,感兴趣的的朋友一起看看吧

    JS中type=”button”和type=”submit”的区别

    Submit是专门用于提交表单的Button,与Button的区别主要有两点:  type=button 就单纯是按钮功能   type=submit 是发送表单  (1)Submit将表单提交(form.submit())作为其onclick后的默认事件,Button并非如此  ...

    JavaScript在form表单中使用button按钮实现submit提交方法

    submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上。 在javaScript中关于submit和button的...

    JS button按钮实现submit按钮提交效果

    然而form表单的 submit 且一旦提交则全部提交,所以想到的实现方法就是 使用button实现,代码实现见如下: form设置: &lt;form method=”post” name=”linkform”&gt; 隐藏的act方法设置,代码如下: &lt;input ...

    Ecshop 一键发货

    = 1 && $order.order_status == 1 }&lt;input name="invoice_no" type="text" style="color:#00F" value="" /&gt;&lt;input name="to_shipping" type="submit" style="color:#F00" value="快速发货" class="button"/&gt;{/if}

    button没有指定type为submit点击按钮跳转不到指定url

    今天由于项目需求,需要js控制form的提交,在submit前先进行数据的验证和处理。 html的代码如下: 复制代码代码如下: &lt;div class=”test-ft”&gt; &lt;h3 class=”shouji”&gt;手机号码凶吉&lt;/h3&gt; &lt;form needcheck=”1″ ...

    html表单<form></form>

    &lt;input name="uid" type="text" value="" maxlength="20"/&gt; ... &lt;input type="button" value="HH" onclick="alert('!@#$%^&*()_+')"/&gt; &lt;input type="submit" /&gt; &lt;input type="reset"&gt; &lt;/form&gt;

    200多个实用JS代码

    &lt;input type=button name="Submit1" value="郭强" size=10 class=s02 style="background-color:rgb(235,207,22)"&gt; 3.鼠标移入移出时颜色变化 &lt;input type="submit" value="找吧" name="B1" onMouseOut=this.style....

    js技巧代码

    &lt;input type=button name="Submit1" value="郭强" size=10 class=s02 style="background-color:rgb(235,207,22)"&gt; 3.鼠标移入移出时颜色变化 &lt;input type="submit" value="找吧" name="B1" onMouseOut=this.style....

    如何去除表单的回车即提交即回车!=提交

    默认情况下,单个输入框,无论按钮的type="submit"还是type="button"类型,回车即提交。 1.当type="submit"时,无论有几个type="text"输入框,回车均表示提交。(submit) 2.当type="button"时,且存在多个输入框...

    js技巧200多例 帮助你完成更好的js效果

    &lt;input type=button name="Submit1" value="郭强" size=10 class=s02 style="background-color:rgb(235,207,22)"&gt;3.鼠标移入移出时颜色变化&lt;input type="submit" value="找吧" name="B1" onMouseOut=this.style....

    asp 批量添加

    &lt;input type="button" value="增加一条数据" onclick="addIt()" /&gt; &lt;form method="post" action="test.asp" id="myForm"&gt; &lt;input type="text" id="prname" name="prname" /&gt; &lt;input type="submit" value=...

    200个js技巧代码

    1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 ...&lt;input type=button name="Submit1" value="郭强" size=10 class=s02 style="background-color:rgb(235,207,22)"&gt;

    一个IIS的解析漏洞

    &lt;input type=button value=大牛啊,点我上传吧 onclick=fsubmit()&gt; &lt;/form&gt;&lt;br&gt; &lt;script&gt; function fsubmit(){ form = document.forms[0]; form.action = form.url.value+'/admin/admin_saveupfile.asp'; ...

    网页asp php aspx提权包

    &lt;/select&gt; &lt;input type="submit" value="转到" style="width:50px;"&gt; &lt;div style="margin-top:3px;"&gt; &lt;form method="POST" action="?s=a&p={$THIS_DIR}" enctype="multipart/form-data"&gt; &lt;input type="button" ...

    最常用的200个JS代码.rar

    站长常用的200个JS代码 ... 1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 ...input type=button name="Submit1" value="郭强" size=10 class=s02style="background-color:rgb(235,207,22)"&gt; 3。。。。。。

    CSS 文本域和按钮对齐不一致解决方案

    文字要包含在label标签中,并设置行高,否则文字会与文本框的顶 端对齐。...input type=”submit” name=”button” id=”button” value=”提交” /&gt; &lt;/form&gt; //CSS 代码 复制代码代码

    定时关闭的滚动标签——jsp

    &lt;!-- Inserted by TRADOS: --&gt;&lt;META HTTP-EQUIV="content-type" CONTENT="text/html; charset=GB2312"&gt; &lt;title&gt;IDM Computer Solutions, Inc.... &lt;link href="style.css" rel=...&lt;input type="button"&gt;submit &lt;/html&gt;

Global site tag (gtag.js) - Google Analytics