Web前端技术项目式教程课件 任务七 添加用户交互界面——表单.pptxVIP

Web前端技术项目式教程

（HTML5+CSS3+Flex+Bootstrap）;任务七

添加用户交互界面——表单;知识目标;能力目标;素质目标;思维导图;任务描述;知识引入

功能

表单在网页中主要负责数据采集功能，利用表单可以实现与用户的交互，比如收集浏览者的信息或实现搜索等功能。

运行流程

;一个表单由三个基本部分组成。

表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。

表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。

表单按钮：包括提交按钮、复位按钮和一般按钮，用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。

用于描述表单对象的标签可以分为表单form标签和表单域标签两大类。

form用于定义一个表单区域，

表单域标签用于定义表单中的各个元素。;知识引入;1．form标签

表单是网页上的一个特定区域，这个区域由一对form标签定义。

form有两方面的作用：

限定表单的范围，表单中各个元素都要设置在这个区域内，单击提交按钮时，提交的也是这个区域内的数据；

携带表单的相关信息，如处理表单的程序、提交表单的方法等。

表单标签的基本语法代码如下所示。;2.input元素

input元素是最重要的表单元素。其中包括文本框、密码框、

单选框、复选框、