《基于web标准的网页设计与制作》第3章2 HTML.ppt

《基于Web标准的网页设计》 唐四薪 编著 清华大学出版社 2009年11月 第三章(2) 表单标记form, input, select, option textarea, label, fieldset, legend 网页中表单的作用 表单是实现动态网页的一种主要的外在形式。它的主要功能是提供给用户输入信息的窗口并收集浏览者填写的信息。它是网站实现互动功能的重要组成部分。 例如在网上要申请一个电子信箱，就必须按要求填写完成网站提供的表单页面，其主要内容是姓名、年龄、联系方式等个人信息。又例如要在某论坛上发言，发言之前要申请资格，也是要填写完成一个表单网页。无论网站使用的是那种形式的语言来实现网站的互动功能，例如ASP、PHP、JSP，表单已经成为它们统一的外在形式 用换行符布局的表单 form name=form1 method=post action=“a.asp p请输入您的姓名:brinput type=text name=name id=name/p p请问你的性别:br input type=radio name=sex value=male男 input type=radio name=sex value=female女/p p你喜欢做些什么:br input type=checkbox name=hobby value=book看书 input type=checkbox name=hobby value=net上网 input type=checkbox name=hobby value=sleep睡觉/p p我要留言:brtextarea name=comments id=comments cols=30 rows=4/textarea/p pinput type=submit value=Submit/p/form 为什么要用表格布局表单 表单和表单元素并不具有排版的能力，表单和表单元素的排版最终还是要由表格组织起来， 因此在html代码中，表单标记和表格标记通常是如影随形的。 用表格布局的表单代码 form name=form1 method=post action=“a.asp table width=88% border=0 cellspacing=0 cellpadding=0 tr td align=center用户名：/td td height=28input name=“user type=text maxlength=10 size=12 //td /tr tr td height=28 align=center密 码 ： /td tdinput name=“pwd type=password value= size=12 //td /tr tr td height=32nbsp; input type=submit name=Submit value=提交 //td tdnbsp; input type=reset name=Submit2 value=重置 //td /tr /table /form 表单代码的组成 一个表单的代码至少应包括三个组成部分： (1) 表单form标记：这里包含了处理表单数据所用动态网页的URL以及数据提交到服务器的方法。 (2)表单元素：包含了文本框、菜单、复选框和单选框等。 (3)提交按钮：将数据传送到服务器上的动态网页。 表单的功能 表单可以用于调查、订购、搜索等功能。一般的表单由两部分组成，一是描述表单元素的html源代码，二是服务器端用来处理用户所填信息的程序（暂时不学），或者客户端的脚本。在html里，我们可以定义表单，并且使表单与CGI或ASP等服务器端的表单处理程序配合。 表单信息处理的过程为：当单击表单中的提交按纽时，输入在表单中的信息就会上传到服务器中，然后由服务器中的有关应用程序进行处理，处理后或者将用户提交的信息储存在服务器端的数据库中，或者将有关的信息返回到客户端浏览器中。 表单标记form form/form标记用来创建一个表单域，即定义表单的开始和结束位置，这一标记有几方面的作用。第一，限定表单的范围。所有表单对象，都要插入到表单域之中。单击提交按纽时，提交的也是表单范围之内的内容。 第二方面，携带表单的相关信息，例如处理表单的脚本程序的位置（action）、提交表单的方法（method）等。这些信息对于浏览者是不可见的，但对于处理表单确起着决定性的作用 多个form标记不能嵌套 form标记的属性面板 f