|
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; //如果沒有輸入姓名 if (userName=="") { alert("請(qǐng)輸入姓名"); document.RedForm.userName.focus(); return false; }else{ //如果沒有輸入Email,或者Email地址錯(cuò)誤(不含@) if ((userEmail=="")||(userEmail.indexOf("@")==-1)) {alert("請(qǐng)重新輸入Email地址"); document.RedForm.userEmail.focus(); return false; }else return true; } } </script> 4、用任何元素提交表單:
通過onClick="document.form.submit();"來(lái)提交表單;用onClick="document.form.reset();"來(lái)復(fù)位表單,這樣一來(lái),任何一個(gè)元素都可以實(shí)現(xiàn)提交表單了。 |
|
|
來(lái)自: WindySky > 《表單設(shè)計(jì)》