form表单

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

 

目录

 

前言

一、form是什么

 

 

二、form表单的属性

1.action

2.method:规定用于发送 form-data 的 HTTP 方法  常用get、post！

三、input的属性和使用

四、type的类型 

总结

---

---

前言

这是一编在deadline前诞生的关于form表单的学习，在这祝愿18岁的秀儿老师越来越好看，并且祈求她不会提问我，如果提问了，我就把祝福撤回。

---

 

一、form是什么

 

form是表单。比如这个家伙就是一个表单。

​

 

---

二、form表单的属性

1.action

action="#":规定当提交表单时向何处发送表单数据，其引号里填地址。

<form action="/demo/demo_form.asp">

2.method:规定用于发送 form-data 的 HTTP 方法  常用get、post！

有以下8种请求方式：

1. GET 请求指定的页面信息，并返回实体主体。
2.  HEAD    类似于 GET 请求，只不过返回的响应中没有具体的内容，用于获取报头
3.  POST    向指定资源提交数据进行处理请求（例如提交表单或者上传文件）。数据被包含在请求体中。POST 请求可能会导致新的资源的建立和/或已有资源的修改。
4.  PUT 从客户端向服务器传送的数据取代指定的文档的内容。
5.  DELETE  请求服务器删除指定的页面。
6.  CONNECT HTTP/1.1 协议中预留给能够将连接改为管道方式的代理服务器。
7. OPTIONS 允许客户端查看服务器的性能。
8. TRACE   回显服务器收到的请求，主要用于测试或诊断。
9. PATCH   是对 PUT 方法的补充，用来对已知资源进行局部更新 。

method="get"

---

三、input的属性和使用

<input> 标签用于搜集用户信息。

根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

1. type：规定 input 元素的类型。
2. value:规定 input 元素的值。
3. width:定义 input 字段的宽度。（适用于 type="image"）
4. maxlength:规定输入字段中的字符的最大长度。
5. name:定义 input 元素的名称
6. pattern:规定输入字段的值的模式或格式。
7. placeholder:规定帮助用户填写输入字段的提示。
8. required:指示输入字段的值是必需的。

---

四、<input  type="">type的类型 

1.        text（定义单行的输入字段，用户可在其中输入文本，默认宽度为20个字符）
2.      password（定义密码字段，该字段中的字符一实心原点可视）
3.      radio（定义单选按钮，要使其能单选，其name属性值要相同，可用lable标签搭配使用增加用户体验）
4.      checkbox（定义复选框，要使其能单选，其name属性值要相同，可用lable标签搭配使用增加用户体验）
5.      select（定义选择框，和option搭配使用，默认选中是selected）
6.      buttom（定义可以点击的普通按钮，常结合js使用）
7.      reset（定义重置按钮，要在form表单才有用，若点击无效，很可能不在form表单内）
8.      submit（定义提交按钮，要在form表单才有用，若点击无效，很可能不在form表单内）
9.      file（定义输入字段和“浏览”按钮，供文件上传）
10.      hidden（定义隐藏的输入字段）
11.      image（定义图像形式的提交按钮） 

  

---

总结

以上就是今天要讲的内容，本文仅仅简单介绍了form的使用.