《Web前端开发》课程理论教学部分 第七讲:表单 学时计划:2学时理论,1学时实验 (实验四:在网页中使用表单和多媒体) 教学大纲: 1、表单基础 2、 Input 3、新增的表单属性 4、新增的表单元素 5、表单验证 6、讨论与思考 在开发Web应用程序的过程中,表单是页面上非常重要的内容 因为用户输入的内容都是在表单上完成的,用户和后台程序的交互也 是通过表单实现的。 本讲详细介绍HTML5中表单的元素、属性,以及IIML5新增增 加和扩展的元素和属性,并对表单验证、表单行为等内容进行了介绍。 表单基础 HTML使用表单向服务器提交请求,表单、表单控件的主要作用 就是收集用户输入,当用户提交表单时,用户输入的内容将被作为请 求参数提交到远程服务器。因此,在Web编程中,表单主要用于收集 用户输入的数据。 表单是进行用户交互的主要途径,因此表单在Web开发中有着重 要的意义。 1.1表单元素与表单属性 元素介绍: form元素用于生成输入表单,该元素不会生成可视化的部分。 在HIML5规范以前,其他的表单控件都必须放置在该元素内部。HTML 5之后,表单元素增加了form属性,所以可以单独存在。 1《网页设计与网站规划》讲稿/河南中医学院互联网应用技术研究所/ht/ bs. 51 xuewebcn1 《网页设计与网站规划》讲稿 / 河南中医学院互联网应用技术研究所 / http://labs.51xueweb.cn 《Web 前端开发》课程理论教学部分 第七讲：表单 学时计划：2 学时 理论，1 学时 实验 （实验四：在网页中使用表单和多媒体） 教学大纲： 1、表单基础 2、input 3、新增的表单属性 4、新增的表单元素 5、表单验证 6、讨论与思考 在开发 Web 应用程序的过程中，表单是页面上非常重要的内容， 因为用户输入的内容都是在表单上完成的，用户和后台程序的交互也 是通过表单实现的。 本讲详细介绍 HTML 5 中表单的元素、属性，以及 HTML 5 新增增 加和扩展的元素和属性，并对表单验证、表单行为等内容进行了介绍。 一、表单基础 HTML 使用表单向服务器提交请求，表单、表单控件的主要作用 就是收集用户输入，当用户提交表单时，用户输入的内容将被作为请 求参数提交到远程服务器。因此，在 Web 编程中，表单主要用于收集 用户输入的数据。 表单是进行用户交互的主要途径，因此表单在 Web 开发中有着重 要的意义。 1.1 表单元素与表单属性 元素介绍： form 元素用于生成输入表单，该元素不会生成可视化的部分。 在 HTML 5 规范以前，其他的表单控件都必须放置在该元素内部。HTML 5 之后，表单元素增加了 form 属性，所以可以单独存在