表单

表 单
表单存在于浏览器中，用来收集用户信息。收集完成后，提交到服务器
多使用于： 登录，注册，搜索等场景

表单控件类型：
单行文本输入框： text
密码框： password
单选按钮： radio
复选按钮： checkbox
上传文件： file
提交按钮： submit
重置按钮： reset
按钮： button
代码示例：

 <input type="text" name="" id="">   //文本输入框

lable标签，包裹住单(复)选框和文字时，点击文字，单(复)选框可以被选中

   <label for="">
        <input type="checkbox">   //复选框
    </label>
    

下拉列表

<select>
<option>列表1</option>
<option>列表2</option>
<option>列表3</option>
...
..
.
</select>

多行文本输入框： `

<textarea name="" id="" cols="30" rows="10"></textarea>  //多行文本输入框

表单属性：
1. type: 样式 （每个Input必须填写的属性，默认为text）
2. value: 指定的默认值
3. size: 文本框显示的长度
4.maxlength： 用户可以输入最多的字符
5.name: 用于给input取别名，别名在css或js 以及服务器收集数据时可以使用
6.disabled: 使表单禁用 （可直接写属性名，不写属性值）
7.readOnly: 只可以查看和获取表单的值，但无法修改（可直接写属性名，不写属性值）
8.required: 规定该项input为必须填写，否则整个form表单无法提交
（可直接写属性名，不写属性值）
9.placeholder: 用户提示信息
10.formaction=”提交按钮自定义提交地址"
11. formmethod=“自定义提交方式”

 <input type="text" disabled>   //使表单禁用 

向服务器提交数据的方式：
Get： 速度快，安全性较低。适用于普通数据的请求
Post: 速度相对get较慢，安全性较高。 适用于账号密码一类保密性数据的传递

来源：CSDN

作者：weixin_46174967

链接：https://blog.csdn.net/weixin_46174967/article/details/103972891