一般,后台程序员与表单打交道的时间是最多的。
最近在看老师考试系统的源码, 看到了有这么一段代码,当时不是很理解, google寻求帮助。
现在来总结一下。
<form action="youraction" onsubmit="return false">
****此处是表单内容*****
</from>
先让我们来做做,这样的实验。
写如下的代码:
<form action="http://www.baidu.com" >
<input type="text" />
</form>
在输入框里随便输入些什么,按 enter键,会发现页面会转向百度
也就是表单会自动提交
在看看如下代码:
<form action="http://www.baidu.com">
<input type="text"/>
<input type="text"/>
</form>
然后像上面一样,按 enter键, 会发现页面不会跳转到 百度
如何解决一个input 发生自动提交, 那就是给form 加上 οnsubmit=“retrun false”
见代码:
<form action="htttp://www.baidu.com" onsubmit="return false">
<input type="text" />
</form>
总结: οnsubmit=“reutrn false”
onsubmit:当提交表单时执行一段 JavaScript,则return false表示禁止表单提交.