【HTML】表单

1、表单标签<form>

语法：

<form action="请求地址" method="请求方式">

        各种表单控件

</form>

method:请求方式有两种：get/post

2、get和post的区别：

-安全性：

post安全，get不安全，因为get会把数据信息显示在请求路径中，post不会显示，所以更安全。

-长度/数据大小：

因为get请求数据是通过url传输，大小受限制，而post不通过url传输，无大小限制，所以post可以传输更多的数据，比如提交文件。

3、文本框

-单行文本框：

<input type="text">

-多行文本框/文本域：

<textarea cols="列数" rows="行数">

        内容

</textarea>

4、按钮：

-重置按钮：

<input type="reset">

-普通按钮：

<input type="button">

-提交按钮：

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

disabled：禁用元素

5、选择标签：

-单选：

<input type="radio" name="xb">

如果想实现单选效果，name必须完全一样

-多选：

<input type="checkbox">

-下拉框：

<select>

        <option>选项</option>

</select>

6、表单验证：

-必填项：required

示例：

<input type="text" required>

-邮箱：

<input type="email">

邮箱标签会自动验证输入邮箱是否格式正确。

-数字：

<input type="number">

数字标签只能输入数字，不能输入其他字符。

数字标签一般三个属性：

• min：最小值
• max：最大值
• step：步长，表示每次加减数值

示例：

<input type="number" min="1" max="100" step="2">

这句代码表示此数字框最小值是1，最大值是100，不在这个范围会有提示信息，step=2表示，鼠标点击后面的上下箭头是，每次加2或者减2。