当前位置：
文档之家› [HTML+CSS+JavaScript网页客户端程序设计 (4)[33页]
[HTML+CSS+JavaScript网页客户端程序设计 (4)[33页]
4.1.4 在<form>标签中的属性 <form>标签为容器标签，在<form>标签对中，可嵌入其他 标签元素，在<form>标签中嵌入的常用子标签主要有4种， 主要用于作为窗口的输入输出接口，如表4-2所示。
标签语法及格式使用如下面的源代码所示
<form> <input>......</input> &lrea> <Select>
浏览者填写表单时，有一些内容可以通过让浏览者做 出选择的形式来实现。例如，常见的网上调查，首先 提出调查的问题，然后让浏览者在若干个选项中做出 选择。又如收集个人信息时，要求在个人爱好的选项 中做出选择等等。复选框适用于各种不同类型调查的 需要。复选框能够进行项目的多项选择，以一个方框 表示，语法如下。
<form name=＂form_name＂ method=＂method＂ action=＂URL＂>
......
</form>
4.1.3 <form>标签中的属性 <form>标签的属性如表4-1所示。
Method属性中，Get 方法是将表单内容附加在URL地址后 面，所以对提交信息的长度进行了限制，最多不可以超过81 9个字符。同时Get方法不具有保密性，不适合处理如信用卡 卡号等要求保密的内容，而且不能传送非ASCII码的字符。 Post方法是将用户在表单中填写的数据包含在表单的主体中， 一起传送到服务器上的处理程序中。该方法没有字符的限制， 它包含了ISO10646的字符集，是一种邮寄的方式，在浏览 器的地址栏不显示提交的信息，并且这种方式传送的数据是 没有限制的。当不指明是哪种方式时，默认为Get方式。
<option>......</option> </select> </form>
4.2 使用输入标签<input>插入数据控件
输入标签<input>是表单中最常用的标签之一。常用的文本域、按钮等 都使用该标签，语法如下
<form> <input name=＂field_name＂ type=＂type_name＂> </form> <input>标签的属性如表4-3所示。
4.2.3 文件域File
该控件用于在页面中实现上传文件的功能，语法如下
<input Type=＂File＂ name=＂field_name＂>
注：仅仅将客户端的文件上传字段设置好是不够的，还得 在服务器端安装支持文件上传的组件，将在第5节中举例说 明详细请见本章4.8节文件上传。
4.2.4 复选框Checkbox
其中，各属性的含义如表4-5所示。
➢ 源代码清单（4-1.html） <html><head><title>文本框</title></head> <body> <form> 联系方式<br> 电子邮件:<input type=text name=电子邮件><br> 联系地址:<input type=text name=联系地址><br> 手机号码:<input type=text name=手机号码><br> QQ号码:<input type=text name=QQ号码><br> 微信号:<input type=text name=微信号><br> </form></body></html>
<input Type=＂radio＂ name=＂field_name＂ checked Value=＂value＂>
checked表示此项被默认选中，value 表示选中项目后 传送到服务器端的值。Name的值相同时，表示为一 组选择。
在Type属性中，可以包含的属性值如表4-4所示
4.2.1 插入单行文本框
Type =Text属性值用来表示在表单中可输入文本、数 字或字母，输入的内容以单行显示，语法如下
<input Type=＂text＂ Name=＂field_name＂ Maxlength=value Size=value Value=＂DEFAULT_ value＂/>
表单的主要功能是收集信息，接受浏览者在网页上的 操作，并传递给CGI或ASP服务器端的表单处理程序。 一般表单由两部分组成，一是描述表单元素的HTML 代码；二是客户端的脚本（如CGI或ASP程序）。
4.1.2 <form>标签 表单是网页上的一个特定区域，它由<form>标签来定义，
这个标签是成对标签。表单定义有几个方面的作用。第一 个方面，限定表单的范围。其他的表单对象，都要插入到 表单之中。单击提交按钮时，提交的也只是表单范围之内 的内容。第二个方面，携带表单的相关信息，比如说处理 表单的脚本程序的位置、提交表单的方法等。这些信息对 于浏览者是不可见的，但对于处理表单却有着决定性的作 用。
<input Type=＂Checkbox＂ name=＂field_name＂ checked Value=＂value＂>
其中，checked 表示此项被默认选中，value 表示选中 项目后传送到服务器端的值。
4.2.5 单选框radio
单选框能够进行项目的单项选择，以一个圆框表示， 语法如下
主要内容
➢ 掌握制作窗体的<form>标签的使用 ➢了解IIS的简单配置。 ➢ 掌握数据输入控件的用法和用途。 ➢ 简单了解ASP后台页面处理。 ➢ 了解文件上传下载。
4.1 认识窗体
4.1.1 窗体简介
随着Internet技术的迅速发展，用户不仅希望能从Web 服务器中获取信息，而且还希望能够与Web服务器实 时交互与反馈信息，HTML采用表单来实现用户的这 种需求。表单是实现交互动态网页的一种主要形式， 是网站管理者与浏览者之间沟通的桥梁。
4.2.2 密码域Password
在表单中还有一种文本域形式的密码域，它可以使输入到 文本域中的文字均以“*”星号显示，其他各属性的含义同 文字域的属性相同，语法如下
<input Type=＂Password＂ name=＂field_name＂ maxlength=value size=value>
