---

一、为什么使用表单呢？

为什么使用表单呢，使用表单是为了更好的收集用户数据，并且安全

二、常用表单元素使用

1、password密码框
密码框：会隐藏数据，以防给他人看见

<input type="password">

运行结果：

2、text文本框
文本框：定义用于文本输入的单行输入字段

<input type="text">

运行结果：

3、button普通按钮
普通按钮：普通按钮在form标签里会提交数据。此时普通按钮在form里面就会有提交的功能和提交按钮功能一样。

<input type="button">

运行结果：

4、submit提交按钮
提交按钮：提交表单的按钮

<input type="submit" value="提交">

运行结果：

5、file文件域
文件域：选择文件的地方

<input type="file">

运行结果：

7、checkbox复选框
复选框：可以多选

<input TYPE="checkbox">

运行结果：

8、radio单选按钮
checked默认选中
单选按钮：允许用户在有限数量的选项中选择其中之一

<input type="radio" checked>

运行结果：

9、textarea文本域
文本域：一般存放很多数据的

<textarea rows="行" cols="每行中的字符数"" ></textarea>

运行结果：

10、select下拉框
selected为默认选中
下拉框：只能选择一项，但有多项可选

<select>
        <option>1</option>
        <option selected>2</option>
        <option>3</option>
    </select>

运行结果：

11、reset重置按钮
重置按钮：重置文件，重新输入

<input type="reset" value="重置">

运行结果：

12、number数字框
数字框：只能输入数字的框

<strong>数字框</strong>
<input type="number">

运行结果：

13、size长度宽度
长度宽度：设置文本框的宽度长度

<input type="text" size="长度">

运行结果：

三、总结

作用	关键单词
文本框	text
密码框	password
普通按钮	button
提交按钮	submit
文件域	file
重置按钮	reset
数字框	number
下拉框	select option
下拉框默认选中	selected
复选框	checkbox
数字框最小	min
数字框最大	max
文本框最大输入	maxlength
长度宽度	size