form 表单提交 submit与button

来源:互联网 发布:孟加拉国知乎 编辑:程序博客网 时间:2024/06/05 04:55
INPUT   type=submit 即发送表单,按回车提交表单  
INPUT   type=button就是单纯的按钮功能,提交的是innerTEXT

submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上,submit默认为form提交,它把提交这个动作自动集成了;button则响应用户自定义的事件,不会提交表单,如果不指定onclick等事件处理函数,它是不做任何事情.当然,button也可以完成表单提交的工作.
如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的行为,否则,将会造成提交两次的效果,对于动态网页来说,也就是对数据库操作两次。或者在使用submit时验证时加returntrue或false。

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

<button type="button">Click Me!</button><button> 控件 与 <input type="button"> 相比,提供了更为强大的功能和更丰富的内容。<button> 与 </button> 标签之间的所有内容都是按钮的内容,其中包括任何可接受的正文内容,比如文本或多媒体内容。例如,我们可以在按钮中包括一个图像和相关的文本,用它们在按钮中创建一个吸引人的标记图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。

阅读全文
0 0