电竞比分网-中国电竞赛事及体育赛事平台

分享

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

 WindySky 2009-06-24
1、 用圖像代替提交按鈕
 當只有一個提交按鈕的時候,可以簡單地實現(xiàn),不用加事件函數(shù),代碼是:
 <input type="image" name="..." src="url" width="" height="..." border="...">
 除了標簽改為input type="image"以外,其它的屬性和<img>標簽的屬性是一樣的。
 2、用圖片代替所有的表單按鈕:
 代替submit按鈕的圖片代碼格式是
 <input type="image" name="..." src="..." onClick="document.formName.submit()">
 代替reset按鈕的代碼圖片格式是
 <input type="image" name="..." src="..." onClick="document.formName.reset()">
 注:這里的formName是表單的name屬性值。
 3、表單的提交驗證:
 <script>
 function CheckDate(){
 //取得輸入的數(shù)據(jù)
 userName = document.RedForm.userName.value;
 userEmail = document.RedForm.userEmail.value;
 //如果沒有輸入姓名
 if (userName=="") {
 alert("請輸入姓名");
 document.RedForm.userName.focus();
 return false;
 }else{
 //如果沒有輸入Email,或者Email地址錯誤(不含@)
 if ((userEmail=="")||(userEmail.indexOf("@")==-1)) {alert("請重新輸入Email地址");
 document.RedForm.userEmail.focus();
 return false;
 }else return true;
 }
 }
 </script>
 4、用任何元素提交表單:
 通過onClick="document.form.submit();"來提交表單;用onClick="document.form.reset();"來復位表單,這樣一來,任何一個元素都可以實現(xiàn)提交表單了。

    本站是提供個人知識管理的網(wǎng)絡存儲空間,所有內容均由用戶發(fā)布,不代表本站觀點。請注意甄別內容中的聯(lián)系方式、誘導購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權內容,請點擊一鍵舉報。
    轉藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多