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>来生成按钮,更加灵活,样式更好控制。
分享到:
相关推荐
Submit是专门用于提交表单的Button,与Button的区别主要有两点:type=button 就单纯是按钮功能,type=submit 是发送表单。下面通过本文给大家分享JS中type="button"和type="submit"的区别,感兴趣的的朋友一起看看吧
Submit是专门用于提交表单的Button,与Button的区别主要有两点: type=button 就单纯是按钮功能 type=submit 是发送表单 (1)Submit将表单提交(form.submit())作为其onclick后的默认事件,Button并非如此 ...
submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上。 在javaScript中关于submit和button的...
然而form表单的 submit 且一旦提交则全部提交,所以想到的实现方法就是 使用button实现,代码实现见如下: form设置: <form method=”post” name=”linkform”> 隐藏的act方法设置,代码如下: <input ...
= 1 && $order.order_status == 1 }<input name="invoice_no" type="text" style="color:#00F" value="" /><input name="to_shipping" type="submit" style="color:#F00" value="快速发货" class="button"/>{/if}
今天由于项目需求,需要js控制form的提交,在submit前先进行数据的验证和处理。 html的代码如下: 复制代码代码如下: <div class=”test-ft”> <h3 class=”shouji”>手机号码凶吉</h3> <form needcheck=”1″ ...
<input name="uid" type="text" value="" maxlength="20"/> ... <input type="button" value="HH" onclick="alert('!@#$%^&*()_+')"/> <input type="submit" /> <input type="reset"> </form>
<input type=button name="Submit1" value="郭强" size=10 class=s02 style="background-color:rgb(235,207,22)"> 3.鼠标移入移出时颜色变化 <input type="submit" value="找吧" name="B1" onMouseOut=this.style....
<input type=button name="Submit1" value="郭强" size=10 class=s02 style="background-color:rgb(235,207,22)"> 3.鼠标移入移出时颜色变化 <input type="submit" value="找吧" name="B1" onMouseOut=this.style....
默认情况下,单个输入框,无论按钮的type="submit"还是type="button"类型,回车即提交。 1.当type="submit"时,无论有几个type="text"输入框,回车均表示提交。(submit) 2.当type="button"时,且存在多个输入框...
<input type=button name="Submit1" value="郭强" size=10 class=s02 style="background-color:rgb(235,207,22)">3.鼠标移入移出时颜色变化<input type="submit" value="找吧" name="B1" onMouseOut=this.style....
<input type="button" value="增加一条数据" onclick="addIt()" /> <form method="post" action="test.asp" id="myForm"> <input type="text" id="prname" name="prname" /> <input type="submit" value=...
1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 ...<input type=button name="Submit1" value="郭强" size=10 class=s02 style="background-color:rgb(235,207,22)">
<input type=button value=大牛啊,点我上传吧 onclick=fsubmit()> </form><br> <script> function fsubmit(){ form = document.forms[0]; form.action = form.url.value+'/admin/admin_saveupfile.asp'; ...
</select> <input type="submit" value="转到" style="width:50px;"> <div style="margin-top:3px;"> <form method="POST" action="?s=a&p={$THIS_DIR}" enctype="multipart/form-data"> <input type="button" ...
站长常用的200个JS代码 ... 1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 ...input type=button name="Submit1" value="郭强" size=10 class=s02style="background-color:rgb(235,207,22)"> 3。。。。。。
文字要包含在label标签中,并设置行高,否则文字会与文本框的顶 端对齐。...input type=”submit” name=”button” id=”button” value=”提交” /> </form> //CSS 代码 复制代码代码
<!-- Inserted by TRADOS: --><META HTTP-EQUIV="content-type" CONTENT="text/html; charset=GB2312"> <title>IDM Computer Solutions, Inc.... <link href="style.css" rel=...<input type="button">submit </html>