前端第一阶段-07（HTML的标签之form表单及标签分类：行内标签和块级标签）

from表单

用于收集用户的输入信息的一个区域，此区域包含交互控件，将用户收集到的信息发送到后台

表单默认创建的type类型时text普通的文本输入框

表单请求方式

• post：指的是 HTTP POST 方法，表单数据会包含在表单体内然后发送给服务器，用于提交敏感数据，如用户名与密码等

• get：默认值，指的是 HTTP GET 方法，表单数据会附加在 action 属性的 URL 中，并以 ?作为分隔符，一般用于不敏感信息，如分页等。例如：http://www.baidu.com/?user=admin&password=123456，user=admin&password=123456就是 get 方法提交的数书。

get和post比较

• get会显示到URL上，不安全，而且URL的长度是有显示的
• post不会显示在URL上，相比get更加安全，支持的类型更多，传输的大小更大

表单中input标签的属性

•   placeholder提示用户信息
•   type类型
•  name提交数据给后端对应的name
•  maxlength限制输入最大长度
• value值
• disabled禁用

<!--
  placeholder提示用户信息
  type类型
  name提交数据给后端对应的name
  maxlength限制输入最大长度
  value值
  disabled禁用
-->
<input maxlength="11" name="username" type="text" placeholder="请输入" value="" disabled>

type属性的属性值

属性值	说明
text	文本（默认）
password	密码
radio	单选按钮
checkbox	复选框
email	电子邮件