写的第一个简单表格 

 1     <form name="form1" onReset="return allReset()"
 2         onsubmit="return allSubmit()">
 3         <center>
 4             <table width="487" height="333" border="0" background="a.jpg">
 5                 <tr>
 6                     <td valign="top"><br> <br> <br>
 7                         <table width="86%" border="0" cellpadding="2" cellspacing="1"
 8                             bgcolor="#6699cc">
 9 
10                             <tr bgcolor="#FFFFFF">
11                                 <td height="22" align="right">所属类别:</td>
12                                 <td height="22" align="left"><select name="txt1" id="txt1">
13                                         <option value="数码设备">数码设备</option>
14                                         <option value="家用电器">家用电器</option>
15                                         <option value="礼品工艺">礼品工艺</option>
16                                 </select> &nbsp;&nbsp; <select name="txt2" id="txt2">
17                                         <option value="数码相机">数码相机</option>
18                                         <option value="打印机">打印机</option>
19                                 </select></td>
20                             </tr>
21                             <tr bgcolor="#FFFFFF">
22                                 <td height="22" align="right">商品名称：</td>
23                                 <td height="22" align="left"><input name="txt3" type="text"
24                                     id="txt3" size="30" maxlength="50"></td>
25                             </tr>
26                             <tr bgcolor="#FFFFFF">
27                                 <td height="22" align="right">会员价：</td>
28                                 <td height="22" align="left"><input name="txt4" type="text"
29                                     id="txt4" size="10"></td>
30                             </tr>
31                             <tr bgcolor="#FFFFFF">
32                                 <td height="22" align="right">提供厂商：</td>
33                                 <td height="22" align="left"><input name="txt5" type="text"
34                                     id="txt5" size="30" maxlength="50"></td>
35                             </tr>
36                             <tr bgcolor="#FFFFFF">
37                                 <td height="22" align="right">商品简介：</td>
38                                 <td height="22" align="left"><textarea name="txt6"
39                                         cols="35" rows="4" id="txt6"></textarea></td>
40                             </tr>
41                             <tr bgcolor="#FFFFFF">
42                                 <td height="22" align="right">商品数量：</td>
43                                 <td height="22" align="left"><input name="txt7" type="text"
44                                     id="txt7" size="7"></td>
45                             </tr>
46                             <tr bgcolor="#FFFFFF">
47                                 <td height="22" align="center" colspan="2"><input
48                                     name="sub" type="submit" id="sub2" value="提交">&nbsp;&nbsp;&nbsp;&nbsp;<input
49                                     name="sub" type="reset" id="Submit2" value="重置"></td>
50 
51                             </tr>
52                         </table></td>
53                 </tr>
54             </table>
55         </center>
56     </form>

上述代码为写的一个较为简单的表格，里面涉及到背景图片，然后有下拉列表，textarea等内容。
以下内容为检查表单元素中，是否有控件的内容为空。

 1 //遍历表单中的每一个控件
 2 function allSubmit(){
 3     var t = true;
 4     var e = window.event;
 5     var obj = e.srcElement;
 6     for(var i = 1;i<=7;i++){
 7         if(eval("obj."+"txt"+i).value==""){
 8             t = false;
 9             break;
10         }
11     }
12     if(!t){
13         alert("提交的信息不能为空");
14     }
15     return t;
16 }
17 function allReset(){
18     if(window.confirm("是否进行重置?"))
19         return true;
20     else
21         return false;
22 }

 

 

 

 

 

 

posted @ 2013-08-26 17:33  最是那一杯红酒  阅读(130)  评论(0)  编辑  收藏  举报