写的第一个简单表格
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> <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="提交"> <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 }