网页制作 
首页 > 网页制作 > 浏览文章

Form表单的action和onSubmit示例介绍

(编辑:jimmy 日期: 2024/10/3 浏览:3 次 )
第一:action是form的属性,html5已经将其定义为必需的属性值,onSubmit为事件,通过<input type="submit" />提交时进行一个函数验证。。

第二:要说执行的先后顺序,个人理解是onSubmit在先,先验证,验证返回false时,则无法到达action="url"地址。如果是返回true或者没有返回值是,则通过且转向url地址。

复制代码代码如下:
<span style="font-size:14px"> function check(){
var oText = document.getElementById("in").value;
alert(oText);
if(oText =="false"){
return false;
}
else {
return true;}
}</span>


复制代码代码如下:
<span style="font-size:14px"> <form action="table1.html" onSubmit="return check();">
<div><input type="text" id="in" /><input type="submit" value="提交" /></div>
</form></span>

onSubmit="return Fun();" 这里的return是一定要写的,不写?不写你可以试试!!!

总之:onSubmit是进行验证,action是跳转后的链接地址。
上一篇:HTML页面加载和解析流程详细介绍
下一篇:html左右布局示例代码
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。