当前位置:Gxlcms > html代码 > form的OnSubmit和inputtype=image使用介绍

form的OnSubmit和inputtype=image使用介绍

时间:2021-07-01 10:21:17 帮助过:48人阅读

这里如果有<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>

人气教程排行