快捷導(dǎo)航

表單的一些基本用法與技巧

更新時(shí)間：2006年07月15日 00:00:00 作者：

1、用圖像代替提交按鈕
　當(dāng)只有一個(gè)提交按鈕的時(shí)候，可以簡(jiǎn)單地實(shí)現(xiàn)，不用加事件函數(shù)，代碼是：
　<input type="image" name="..." src="url" width="" height="..." border="...">
　除了標(biāo)簽改為input type="image"以外，其它的屬性和<img>標(biāo)簽的屬性是一樣的。

　2、用圖片代替所有的表單按鈕：
　代替submit按鈕的圖片代碼格式是
　<input type="image" name="..." src="..." onClick="document.formName.submit()">
　代替reset按鈕的代碼圖片格式是
　<input type="image" name="..." src="..." onClick="document.formName.reset()">
　注：這里的formName是表單的name屬性值。

　3、表單的提交驗(yàn)證：
　<script>
　function CheckDate(){
　//取得輸入的數(shù)據(jù)
　userName = document.RedForm.userName.value;
　userEmail = document.RedForm.userEmail.value;
　//如果沒(méi)有輸入姓名
　if (userName=="") {
　alert("請(qǐng)輸入姓名");
　document.RedForm.userName.focus();
　return false;
　}else{
　//如果沒(méi)有輸入Email，或者Email地址錯(cuò)誤(不含@)
　if ((userEmail=="")||(userEmail.indexOf("@")==-1)) {alert("請(qǐng)重新輸入Email地址");
　document.RedForm.userEmail.focus();
　return false;
　}else return true;
　}
　}
　</script>

　4、用任何元素提交表單：
　通過(guò)onClick="document.form.submit();"來(lái)提交表單；用onClick="document.form.reset();"來(lái)復(fù)位表單，這樣一來(lái)，任何一個(gè)元素都可以實(shí)現(xiàn)提交表單了。