网站地图    收藏   

主页 > 前端 > html教程 >

form的OnSubmit和input type=image使用介绍_HTML/Xhtml_网页

来源:自学PHP网    时间:2014-12-15 15:58 作者: 阅读:

[导读] 这里如果有input type=image 那么直接按这个图像后会提交表单,如果有OnSubmit会先执行这个函数,感兴趣的朋友可以看下这个例子...

这里如果有input type=image 那么直接按这个图像后会提交表单, 如果有OnSubmit会先执行这个函数,感兴趣的朋友可以看下这个例子
这里如果有<input type="image"> 那么直接按这个图像后会提交表单,

如果有OnSubmit会先执行这个函数,如果返回false则不提交表单!

复制代码
代码如下:

<span style="font-size:14px;"><script language=javascript>
function test()
{
alert("测试!")
}
</script>
<form name="F1" onSubmit="fuck();">
<input type="image" src="" width="51" height="20">
</form></span>

另外一个示例:

复制代码
代码如下:

<html>
</head>
<script language="javascript">
function checkEmpty(form){
for(i=0;i<form.length;i++){
alert(form.elements[i].value);
if( form.elements[i].value=="" ){
alert("表单信息不能为空");
return false;
}
}
}
</script>
<body>
<form name="form" method="post" onSubmit="return checkEmpty(form)">
<input name="name" type="text" size="17">
<input name="password" type="password" size="17">
<input type="image" src="" width="51" height="20">
<input type="button" value="AAA" />
</form>
</body>
<html>

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论