HTML5程序设计-HTML5表单及文件处理.pdfVIP

HTML5基础教程（第2版） 授课教师： 职务： 第3章 HTML5表单及文件处理 课程描述 应用程序的基本功能 就是与用户进行交互， 用户提交数据的最常 用方式是通过表单。 除了可以使用表单传 送用户输入的数据， 还可以用于上传文件。 本章介绍HTML5表单 的新特性和文件处理 的方法。 本章知识点 p3.1 HTML4表单 p3.2 HTML5表单的新特性 p3.3 文件处理 3.1 HTML4表单 p 3.1.1 定义表单 p 3.1.2 文本框 p 3.1.3 文本区域 p 3.1.4 单选按钮 p 3.1.5 复选框 p 3.1.6 组合框 p 3.1.7 按钮 3.1.1 定义表单 p可以使用form…/form标签定义表单， 常用的属性如表3-1所示。 属 性 具 体 描 述 id 表单ID ，用来标记一个表单 name 表单名 action 指定处理表单提交数据的脚本文件。脚本文件可以是ASP文件、ASP..net文件或 PHP文件，它部署在Web服务器上，用于接收和处理用户通过表单提交的数据 method 指定表单信息传递到服务器的方式，有效值为GET或POST 。如果设置为GET ， 则当按下提交按钮时，浏览器会立即传送表单数据；如果设置为POST ，则浏览 器会等待服务器来读取数据。使用GET方法的效率较高，但传递的信息量仅为 2K ，而POST方法没有此限制，所以通常使用POST方法 【例3-1】 p定义表单form1，提交数据的方式为POST，处理 表单提交数据的脚本文件为howInfo.php，代码 如下： form id=form1 name=form1 method=post action=ShowInfo.php …… /form p在action属性中指定处理脚本文件时可以指定 文件的路径。可以使用绝对路径和相对路径2种 方式指定脚本文件的位置。 3.1.2 文本框 p文本框是用于输入文本的表单控件。可以使用 input标签定义单行文本框，例如： input name=txtUserName type=text value= / 文本域的常用属性及说明 属 性 具 体 描 述 name 名称，用来标记一个文本框 value 设置文本框的初始值 size 设置文本框的宽度值 maxlength 设置文本框允许输入的最大字符数量 readonly 指示是否可修改该字段的值 type 设置文本框的类型，常用的类型如下：  text ，默认值，普通文本框；  password ，密码文本框；  hidden ，隐藏文本框，常用于记录和提交不希望用 户看到的数据，例如编号；  file ，用于选择文件的文本框 value 定义元素的默认值 【例3-2】 form id=form1 name=form1 method=post action=ShowInfo.php 用户名：