2.2html标记要点.ppt

Web标准网页设计与PHP 唐四薪 编著 清华大学出版社 2016年10月 2.8 创建表单 textarea, label, fieldset, legend 网页中表单的作用 表单主要功能是提供给用户输入信息的窗口并收集浏览者填写的信息。它是网站实现互动功能的重要组成部分。 网页中的表单 用户注册表单 提交搜索表单 用户登录表单 一个简单的表单 form 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 表单的功能 表单可以用于调查、订购、搜索等功能。一般的表单由两部分组成，一是描述表单元素的html源代码，二是服务器端用来处理用户所填信息的程序（暂时不学），或者客户端的脚本。 表单信息处理的过程：当单击表单中的提交按纽时，输入在表单中的信息就会上传到服务器中，然后由服务器中的有关应用程序进行处理，处理后或者将用户提交的信息储存在服务器端的数据库中，或者将有关的信息返回到客户端浏览器中。 表单代码的组成 一个表单的代码至少应包括三个组成部分： (1) 表单form标记：这里包含了处理表单数据所用动态网页的URL以及数据提交到服务器的方法。 (2)表单元素：例如文本框、下拉菜单、复选框和单选框等。 (3)提交按钮：将数据传送到服务器上的动态网页。 表单标记form form/form标记用来创建一个表单域，即定义表单的开始和结束位置，这一标记有几方面的作用。第一，限定表单的范围。所有表单对象，都要插入到表单域之中。单击提交按纽时，提交的也是表单范围之内的内容。 第二方面，携带表单的相关信息，例如处理表单的脚本程序的位置（action）、提交表单的方法（method）等。这些信息对于浏览者是不可见的，但对于处理表单确起着决定性的作用 表单代码中常见的错误 没有form标记 一个表单出现多个form标记 多个form标记嵌套 虽然这些错误从表单的外观中看不出，但表单是用来提交数据的，而不是用来装饰网页的，这些错误会使表单无法实现其功能 DW CS3的表单控件面板 form标记的属性面板 form标记常见属性method method： get或post get方式提交的表单信息是非安全方式，附加在URL地址后面（例如百度） url?表单元素1的name=表单元素1的value 表单元素2的name=表单元素2的value…… for