表单是网页中最为重要的一种数据标签,如登录注册页面上用户名和密码的输入,提交按钮等都是用表单相关的标签定义的。表单是HTML中获得用户输入的主要手段,它主要功能是收集用户输入的信息,并将这些信息发送给后台服务器,实现网页和用户的友好交互。
- HTML中,一个完整的表单通常由表单元素,提示信息和表单域三个部分组成:
- 表单元素:包含表单的具体功能,如文本输入框、下拉列表框、复选框、密码输入框,登录按钮等
- 提示信息:表单中通常还需包含一些说明性的文字,提示用户要进行的操作。
- 表单域:用来容纳表单控件和提示信息,可以通过它定义处理表单数据所用程序的URL地址,以及数据提交到服务器的方法。如果未定义表单域,表单中的数据就无法传送到后台服务器。
目录
一.表单元素的表单的核心
表单元素 | 含义 |
<input> | 表单输入框(可定义多种表单项 |
<textarea> | 定义多行文本框 |
<select> | 定义一个下拉列表 |
<label> | 定义表单辅助项 |
二.表单from标签
为了实现网页与用户的交互,需要让表单中的数据传送给后台服务器,就必须定义表单域。HTML中<form>标签用于定义表单域。即创建一个表单,来实现用户信息的手机和传递,语法如下:
<form 属性 属性值>
表单元素和提示信息
</form>
from标签元素的主要属性:
属性名 | 含义 | 属性值 |
action | 定义表单提交的地址即一个URL | 具体提交的URL |
method | 定义表单数据提交的方式 | get(默认)]、post 获取、发布 |
enctype | 定义表单数据的提交内容形式 | application/x-www-form- urlencoded(默认)、 multipart/form-data |
target | 定义提交地址的打开方式 | _self(默认在当前窗口打开链接,默认方式)、_blank在新的窗口中打开链接 |
备注:
一般情况下,获取一些数据用get方式,这种方式提交的数据将显示在浏览器的地址栏中