网站开发设计.ppt

* * 简单的说,表单就是指网页上的对话框窗体 * * 主要属性 name属性，文本框名称，便于程序获取用户输入。 value属性，存储文本框的取值，可以设一个初始值。 size属性，设置表示文本框的显示长度。 maxlength属性，maxlength是文本框中输入的有效数据长度。 复选列表框输入标记（举例） 举例 form name=myForm method=POST action=/custom/feedback.jsp 城市： select name=city option value=beijing北京/option option value=jinan selected济南/option option value=qingdao青岛/option /select /form hidden隐藏元素标记 hidden隐藏元素 在一个表单中，可以定义隐藏表单元素，它在网页上并不显示，不需要用户输入，主要目的是随表单一起传给表单处理程序一个特定的值，用于为网页处理程序传送数据。 input type=hidden name= value= … 例如 input type=hidden name=myID value=730118 文件上传标记 文件上传标记 input type=file name= size= accept= 一般属性 name属性为控件名称， size属性显示文本框长度。 Accept属性设置上载文件过滤，即点击“浏览”按钮时，只显示指定文件类型的文件列表。 例如 form name=myForm method=POST action=/custom/feedback.jsp enctype=multipart/form-data 提交论文：input type=file name=F1 size=20 /form 表单提交与重填按钮 表单提交 当表单填写完毕后，需要选择的submit/reset按钮，它结束表单输入，将表单数据传送到服务器端，由表单form标记中的action属性指定的服务器上的程序处理用户输入数据。 input type=“submit”… 重填按钮 表单清除就是要将表单中已做的输入和选择全部清除，重新填写。 input type=reset… 一般属性 name属性，这和其它控件属性不同，在提交表单中，name可以指定一个函数，需要和form标记中action属性的程序配合。一般情况下不需要name属性。 value属性，提交按钮的显示名字，一般为“确定”、“提交”等易于理解的名字 Onclick事件属性。 例如 form method=POST action=--WEBBOT-SELF-- !--webbot bot=SaveResults U-File=fpweb:///_private/form_results.txt S-Format=TEXT/CSV S-Label-Fields=TRUE -- input type=submit value=提交 name=B1 input type=reset value=重置 name=B2 /form 表单设计举例（一） 表单设计 表单设计举例（二） 一个利用form计算阶乘的例子 利用form计算阶乘HTML代码(Part1) html head meta http-equiv=Content-Type content=text/html; charset=gb2312 titleA simple example for Form/title script language=javascript var calcOnly = false; function fact(n) { if (n==0) return 1; else return n*fact(n-1); } function calcFact(n) { var res; res=fact(n); document.myForm.result.value = res; calcOnly=true; document.myForm.n.focus(); } /script /head 利用form计算阶乘HTML代码 body p align=centerfont size=5使用表单示例/font hr form name=myForm div align=center table border=1 cellpadding=0 width=303 height=62 tr