简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

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

来源:易贤网   阅读:930 次  日期:2016-06-21 10:44:29

温馨提示:易贤网小编为您整理了“form的OnSubmit和input type=image使用介绍”,方便广大网友查阅!

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

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:html中块注释的使用详细介绍
下一篇:Input的size与maxlength属性的区别自我理解
易贤网手机网站地址:form的OnSubmit和input type=image使用介绍
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!