HTML表单

表单的概念

专门用于收集用户输入不同类型信息的一个单子

表单的格式

<form action="" method="post">
    <input type="submit" value=""/>
</form>

form：表单
action：将收集到的信息提交到哪里？接口网址

method：提交信息的方式；
get：以明文的方式，将信息在地址栏中直接显示，用于传输较少信息；
post：不会再地址栏中显示用户输入信息，安全性高，通常用于传输较大量的用户输入信息；

input：用于收集用户输入的信息；

常用的表单项

input

text：用于收集普通的文本输入；
- type：输入项的类型【必选】
- name；收集项的名称【必选】如果设置，将不会被提交
- value：用来盛放用户输入的内容【必选】
password：用于收集用户输入的密码，以密文显示
- type：输入项的类型【必选】
- name；收集项的名称【必选】
- value：用来盛放用户输入的内容【必选】
email：邮箱，用来收集用户输入的邮箱信息
- type：输入项的类型【必选】
- name；收集项的名称【必选】
- value：用来盛放用户输入的内容【必选】
date
- type：输入项的类型【必选】
- name；收集项的名称【必选】
- value：用来盛放用户输入的内容【必选】
number：数字，用来收集用户输入的数字信息
- type：输入项的类型【必选】
- name；收集项的名称【必选】
- value：用来盛放用户输入的内容【必选】
file：
- type：输入项的类型【必选】
- name；收集项的名称【必选】
- value：用来盛放用户输入的内容【必选】
radio：单选框，使用name属性加以限制
- type：输入项的类型【必选】
- name；收集项的名称【必选】
- value：用来盛放用户输入的内容，值要给出来【必选】
checkbox：多选框，使用name属性加以限制
- type：输入项的类型【必选】
- name；收集项的名称【必选】
- value：用来盛放用户输入的内容，值要给出来【必选】
button：按钮，在页面上显示一个按钮
- name：
- value：
submit：提交，用于提交用户提交的信息
- value：显示按钮的名称
reset：重置，用于清空用户输入的所有信息
- value：显示按钮的名称

select - option

下拉选项

option：选项
value：直接
selected；默认被选择项

<select name="address">
    <option value="请选择">请选择</option>
    <option value="四川省" selected>四川省</option>
    <option value="北京市">北京市</option>
    <option value="天津市">天津市</option>
    <option value="河南省">河南省</option>
    <option value="广东省">广东省</option>
</select>

textarea

文本域，用来收集用户输入较多的描述内容

row：行数
col：列数
name：用来提交的时候用的
value：用来盛放用户输入的内容【必选】