HTML表单基础知识

一、HTML表单

学习目标

• 能够说出表单组成部分

• 掌握HTML常用表单元素

• 掌握HTML常用表单属性

概述

表单的作用：用于搜集不同类型的用户输入

表单的组成：表单元素（控件）、表单区域

生活中的表单：

网页中的表单：

表单元素

1、表单元素

表单：采集不同类型用户输入的数据，然后发送给服务器，实现用户与服务器之间的数据交互

一个完整的表单包含：表单域，表单控件（表单元素），提示信息，共三个部分；

1、表单区域--form标签

• 语法：

  <form></form>

• 作用：

  定义 HTML 表单域，是一个包含表单元素的区域。实现用户信息的收集和传递。举例说明：比如最为常见的交互操作，注册会员、跟帖留言或者文章发布等

• 注意：

  form表单实现上述操作是最为常见方式之一，也可以使用其他方式，比如ajax等

一个页面中可以包含多个form标签，标签之间是相互独立的，不能嵌套

1-1 form的属性

1-1-1 action属性

action="数据提交地址"
 注意：如果省略 action 属性，则 action 会被设置为当前页面。

• 作用：

  把数据提交到后台或者服务器

• 注意：

  如果省略 action 属性，则 action 会被设置为当前页面。

1-1-2 target属性

• 作用：

  设置目标地址的打开方式

• 取值：

  • _self当前窗口(默认值)

  • _blank新窗口

1-1-3 method属性

• 作用：

  method="GET/POST":提交表单时所用的HTTP方法，默认是GET方法

• 取值：

  • GET/POST

    get 方法：将表单中数据的按照 variable=value 的形式，添加到 action 所指向的【 URL 后面&#