网页设计与制作-第4讲.pptVIP

* * HTML的表单标记 ---制作交互式网页 HTML的框架标记 ---制作框架式网页 建立表单页面 HTML表单是HTML页面与浏览器端实现交互的重要手段，利用表单可以收集客户端提交的有关信息。 如在网上要申请个人空间，就必须按要求填写完成网站提供的表单网页。表单可以用于调查、定购、搜索等功能。 表单信息的处理过程为：当单击表单中的提交按钮时，输入到表单中的信息就会传递到服务器中，然后由服务器的有关应用程序进行处理，处理后或者将用户提交的信息储存在服务器端的数据库中，或者将有关信息返回到客户端浏览器上。 表单标记 form……/form 定义表单 form中的两个属性 action 指定处理数据的CGI程序 例：form action=/cgi-bin/order.exe method 数据传递的方式 例：form method=post form method=get 表单中包含的标记 form ... input ... 制作单行文本框、按钮等 textarea ...... /textarea 制作多行文本框 select...…/select 制作下拉菜单 /form 输入标记INPUT 输入标记属性： Name : 域的名称，即输入数据所存放的变量名 Type: 域的类型 Text 文字域 Password 密码域 File 文件域 Checkbox 复选框 Radio 单选框 Button 普通按钮 Submit 提交按钮 Reset 重置按钮 Image 图像域（图像提交按钮） 设置单行文本输入框 标记：input ... 属性：type=“text” （Password） 设置输入类型 name=“x1” 输入数据所存放的变量名 value=“预置名称” 设置缺省值 size=“输入窗口的字节数” maxlength=“最多输入的字节数” 例： 姓名：input type=“text” name=n1 size=20 密码：input type=“password” name=p1 size=20 maxlength=8 制作单选按钮 标记：input…... 属性：type=“radio” 单选按钮 name=z1 选项组变量名 checked 此项被默认选中 value=“缺省值” 选中后传送到服务器的值 例： 请选择你居住的城市：br input type=“radio” name=“city” 北京 input type=“radio” name=“city” 上海 input type=“radio” name=“city” 成都 制作多选按钮 标记：input…... 属性：type=“checkbox” 复选按钮 name=a1 输入变量名 checked 此项被默认选中 value=“缺省值” 选中后传送到服务器的值 例： 请选择你喜欢的音乐：br input type=“checkbox” name=“m1” 摇滚乐 input type=“checkbox” name=“m2” 爵士乐 input type=“checkbox” name=“m3” 流行乐 input type=“checkbox” name=“m4” 古典乐 制作文件域 标记：input…... 属性：type=“File”文件域 name=f1 输入变量名 例： 请上传你的照片： input type=“File” name=“f1” 制作提交与重置按钮 标记：input…... 属性：type=“submit” 提交按钮 type=“reset” 重置按钮 value=“按