DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> form的OnSubmit和input type=image使用介紹
form的OnSubmit和input type=image使用介紹
編輯:HTML和Xhtml     
這裡如果有<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>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved