html5 服务端处理表单,HTML5程序设计-HTML5表单及文件处理（111页）-原创力文档

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可以使用

…标签定义表单，

常用的属性如表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，代码

如下：

method="post"

action="ShowInfo.php">

……

p在action属性中指定处理脚本文件时可以指定

文件的路径。可以使用绝对路径和相对路径2种

方式指定脚本文件的位置。

3.1.2 文本框

p文本框是用于输入文本的表单控件。可以使用

标签定义单行文本框，例如：

type="text" value="" />

文本域的常用属性及说明

属 性 具 体 描 述

name 名称，用来标记一个文本框

value 设置文本框的初始值

size 设置文本框的宽度值

maxlength 设置文本框允许输入的最大字符数量

readonly 指示是否可修改该字段的值

type 设置文本框的类型，常用的类型如下：

 text ，默认值，普通文本框；

 password ，密码文本框；

 hidden ，隐藏文本框，常用于记录和提交不希望用

户看到的数据，例如编号；

 file ，用于选择文件的文本框

value 定义元素的默认值

【例3-2】

method="po