表单基本介绍
表单
表单就是一种在互联网上用于收集用户信息的一种结构。在 HTML 当中事先定义好了一个标签来完成这件事。标签名称叫 from。他是一个双标签。
<form action="" method=""></form>
注：
- from:标签就是 HTML 当中定义好的一个用来表示整个表单结构的双标签，我们称之为表单域。
- from 默认就相当于一张白纸，如果想让他收集用户的相关信息，HTML 里又准备了很多的表单标签。这些标签里使用最多的一个叫 input。
- action：属性值写的就是将当前表单中的数据提交到哪里。在生产阶段时。一般用 # 或空着不写
- method属性值用来定义当前表单中的数据以何种形式提交到网站后台。最常见的两种方式为：get/post。其中 get 就是将数据在 URL 中进行提交，这种方式是明文。相对不安全。而 post 方式就是指将数据写在 HTTP 请求的请求体当中
常见的表单元素
from 标签只负责定义具体的表单整体，它里面如果想要手机用户数据，就必须再有一些能够让用户进行输入填写的模块，此时** HTML** 当中就定义许多的额表单标签 来让用户完成输入，最常见的表单标签就是 input 。因为表单名称都叫 input 。所以 HTML 当中就设置通过type 属性来进行区分。
-
文本输入框：
<input type='text' value='默认显示'/> -
密码输入框
<input type='password' /> -
提交按钮
<input type="submit" /> -
单选框
<input type="radio" name="sex" checked /> 男 <!--用name来区分是否为一组,用checked来控制是否为默认--> -
复选框
<input type="checkbox" name="" />吃饭 -
文本域
<textarea rows="行数" cols="列数"></textarea> -
下拉菜单
<select name=""> <option value="html">选项1</option> ...... </select> -
重置按钮
<input type="reset" /> <!--回到默认状态--> -
普通按钮
<input type="button" value='按钮' />
注：
-
name 属性： from 表单通过不同的表单元素来收集数据，在这个过程中很多的表单元素名称都叫 input，此时如果直接将这些数据提交到后台，就会出现这些数据无法区分的问题，此时为了分别那个数据属于什么样的表单选项，我们就人为的在 input 身上设置 >name 属性。这样一来，数据到达后端之后，就会变成以下格式：
username='syy' pwd='123456' gender='男' value：它的作用就是定义某些表单元素的默认显示内容（ 文本输入框、提交按钮、重置按钮、普通按钮）
checkd:这是一个属性，并且它的属性值就等于这个属性名。用来设置单选框和复选框中的默认被选中的某项。
selected:这是一个属性值与属性名的属性，添加在下拉选项身上，实现某个选项被默认选中。
