html表单

form表：一切与数据交互有关的
action: 提交数据的路径
method: 提交方法 get,post

get:
     会把请求参数拼写在请求url的末尾，用？号连接，以 
     key1=value1&key2=value2的形式
     用于查询情况比较常见，因为明文，所以有安全隐患，但效率较高，有长度限制1k
post:
    把请求参数放在“请求体”中，不是明文的，用于增删改，安全性有保证，长度无限制
<form action="http://www.baidu.com/s" method="get">

表单控件
input
name 属性 表单控件的名字，与数据交互有关，很重要的属性
value 属性 表单控件的值，与数据交互有关，很重要的属性
type 属性
text 文本输入框

placeholder     站位 能输入的都可以使用

password 密码框

<p>用户名：<input type="text" name="wd" value="" placeholder="用户名"></p>
<p>密码：<input type="password" value="222"></p>

submit 提交按钮 将表单的所有数据提交到action
reset 重置按钮，将表单重置
button 自定义按钮

<p>
    <input type="submit" value="提交表单">
    <input type="reset" value="重置表单">
    <input type="button" value="自定义按钮">
    <!-- button -->
    <!-- 默认是一个提交按钮 -->
    <button>提交</button>
    <button type="submit"></button>
    <button type="reset"></button>
    <button type="button"></button>
</p>

radio 单选框 提交的是value值
checked 默认选中

<p>
    性别：
    <!-- name 相同，达到互斥效果 -->
    <input type="radio" name="sex" value="1">男
    <input type="radio" name="sex" value="2">女
</p>

checkbox 复选框 往后台穿的是一个数组
checked 默认选中

<p>
    <!-- 如果没有相同的名字，将往后台穿四个数组 -->
    兴趣爱好：
    <input type="checkbox" name="hobby" checked="true">篮球
    <input type="checkbox" name="hobby">足球
    <input type="checkbox" name="hobby">台球
    <input type="checkbox" name="hobby">排球
</p>

email: 有邮箱校验的邮箱格式

<p>email：<input type="email"></p>

date: 日期

<p>生日：<input type="date"></p>

image 有submit功能的图片

<p>
    图片
    <!-- 有submit功能的图片 -->
    <input type="image" src="../20190402/img/zl.jpg">
</p>

hidden 隐藏域 记录需要向后台传，并且不需要展示的内容

<p>
    <!-- 隐藏域 记录需要向后台传，并且不需要展示的内容-->
    <input type="hidden" value="119">
</p>

file 文件域 上传文件

<p>
    <!-- 文件域 -->
    <input type="file" style="width: 70px;">
</p>

select 下拉框

<p>
    <!-- 下拉框 -->
    <select>
        <option value="辽宁">辽宁</option>
        <option value="内蒙古" selected="true">内蒙古</option>
        <option value="湖北">湖北</option>
    </select>
</p>

option 下拉框中的选项，一个option就是一个选项
textarea 多行文本域

<p>
    <!-- 多行文本域 -->
    <textarea rows="10" cols="70" style="resize: none;"></textarea>
</p>

一些常见的属性
placeholder=“用户名” 站位
maxlength=3 最大长度为3
readonly 只读
disabled 禁用

    </form>