首页 > PHP资讯 > HTML5培训技术 > form的OnSubmit和input type=image使用介绍

form的OnSubmit和input type=image使用介绍

HTML5培训技术
这里如果有<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> 


HTML5培训http://www.thinksite.cn/list-65-1.html
本文由欣才IT学院整理发布,未经许可,禁止转载。