html5中文学习网

您的位置: 首页 > 网页制作 > html教程 » 正文

Form表单的action和onSubmit示例介绍_HTML/Xhtml_网页制作

[ ] 已经帮助:人解决问题
点评:action是form的属性,onSubmit为事件,要说执行的先后顺序,个人理解是onSubmit在先,下面有个不错的示例可以帮助大家更好的立即,感兴趣的朋友不要错过
第一:action是form的属性,html5已经将其定义为必需的属性值,onSubmit为事件,通过<input type="submit" />提交时进行一个函数验证。。 s5SHTML5中文学习网 - HTML5先行者学习网
s5SHTML5中文学习网 - HTML5先行者学习网
第二:要说执行的先后顺序,个人理解是onSubmit在先,先验证,验证返回false时,则无法到达action="url"地址。如果是返回true或者没有返回值是,则通过且转向url地址。 s5SHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
s5SHTML5中文学习网 - HTML5先行者学习网
<span style="font-size:14px"> function check(){ s5SHTML5中文学习网 - HTML5先行者学习网
var oText = document.getElementById("in").value; s5SHTML5中文学习网 - HTML5先行者学习网
alert(oText); s5SHTML5中文学习网 - HTML5先行者学习网
if(oText =="false"){ s5SHTML5中文学习网 - HTML5先行者学习网
return false; s5SHTML5中文学习网 - HTML5先行者学习网
} s5SHTML5中文学习网 - HTML5先行者学习网
else { s5SHTML5中文学习网 - HTML5先行者学习网
return true;} s5SHTML5中文学习网 - HTML5先行者学习网
}</span> s5SHTML5中文学习网 - HTML5先行者学习网
s5SHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
s5SHTML5中文学习网 - HTML5先行者学习网
<span style="font-size:14px"> <form action="table1.html" onSubmit="return check();"> s5SHTML5中文学习网 - HTML5先行者学习网
<div><input type="text" id="in" /><input type="submit" value="提交" /></div> s5SHTML5中文学习网 - HTML5先行者学习网
</form></span> s5SHTML5中文学习网 - HTML5先行者学习网
s5SHTML5中文学习网 - HTML5先行者学习网
onSubmit="return Fun();" 这里的return是一定要写的,不写?不写你可以试试!!! s5SHTML5中文学习网 - HTML5先行者学习网
s5SHTML5中文学习网 - HTML5先行者学习网
总之:onSubmit是进行验证,action是跳转后的链接地址。
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助