计算机技术基础：第 2 章 标记语言与网页制作.ppt

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 高等教育“十一五”国家级规划教材　计算机技术基础 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 高等教育“十一五”国家级规划教材　计算机技术基础 表单设计举例（一） 表单设计 高等教育“十一五”国家级规划教材　计算机技术基础 例2-5 表单设计举例 一个利用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代码(Part2) body p align=centerfont size=5使用表单示例/font hr form name=myForm div align