为什么html中加form,HTML form表单
HTML表单：
表单用于搜集不同类型的用户输入，提交给网站后台服务器。表单是一个包含表单元素的区域，表单元素是允许用户在表单中(比如：文本域、下拉列表、单选框、复选框等等)输入信息的元素。
必须用form包裹住所有的input输入框，当你点提交的时候，就会把form包裹的所有的input信息提交给form对应的后台服务器的地址。
属性action的值就是要提交到的后台的地址
属性method的值有两个get和post。
提交
method的值get和post的区别：
post和get都是浏览器向服务器传输数据发送请求的一种方式。
get：
当使用get方式向后台发送数据时，会把所有的请求数据拼接成k=value的形式连到一起，组装到URL上，其本质上是URL的拼接，把所有的参数拼接到一起，组成新的URL。
post：
请求的URL地址不会发生任何变化。但发送的请求数据会通过浏览器传输给后台。
post的安全性比较高，URL更加干净。get方式会把数据显示出来，造成数据泄露。
如果数据量很大的时候，浏览器的地址栏是有限制的，如果过长会自动截断，所以采用get方式，传输到后台的数据是不完整的。
get和post的使用场景：
get得到，向后台要数据，查询后台的东西，可以像后台传递要东西的名字，后台返回数据给你，向后台要数据，可以用get。
post传递，我传输数据给后台。例如：我写了一篇文章，我传递给后台，后台给我一个传好了状态提示，采用post。
对于安全性比较高的请求，用post。
对于比较简单的，安全性要求比较低的用get。
表单常见标签
所有的input都必须添加name属性，否则无法传递给后端。
form标签是表单的外壳，主要有四个属性：
action：表单提交的地址
method：表单提交的方法
target：在何处打开action
enctype：
。 application/x-www-form-urlencoded：在发送前编码所有字符(默认)
。 text/plain：空格转换为“+”加号，但不对特殊字符编码
。 multipart/form-data：使用包含文件上传控件(多媒体，音频视频等)的表单时，必须使用该值
type属性：
type = “text”，普通的文本输入框，可以展示出来只能单行输入。
type = “password”，页面上是以黑色圆点展示的。有安全保密性。
type = “checkbox”，多选，同时name的值一定要一样，要设置value的值，告诉浏览器选中的是什么。靠name属性分组，提交到后端的时候选中的value是以，分割的一个字符串，通过name属性获得。
type = “radio”：单选，设置value的值，告诉浏览器选中的是什么。name的值相同，就是分为一组，name的值不同，就是分为两组。
type = “file”，file文件上传，写入accept，默认只能打开accept属性值的文件，其他的打不开。
input type = “hidden”：没有任何效果，abcd的值就是123456，name和value的值也会提交给后台。作用：1：暂存一些信息，在input type = “hidden”里面埋一个值，下次要用的时候可以直接定位到这个元素，获取这个值，但是用户什么都看不见:2：使用安全策略的时候，可以用到。安全。后台可以利用值进行校验，看看提交的值是否正确，防止页面被所有人修改。
input如果想有一个起始的输入默认值，必须设置value属性，属性值就是起始默认值。
type = “button”
type = “submit”
type = “reset”
label标签：
用于对input标签进行说明，说明填入的内容是什么。
for属性值和所包裹的input的id属性值相同，则点击label标签内的内容和，就可以高亮input的输入框，输入内容。否则，只能点击输入框才能输入内容。
密码：
select：下拉菜单
select标签中要添加name属性并设置其值，因为浏览器是以k=value的形式向后台传输数据。
默认情况下选中，只需要在option的标签内添加selected属性。
北京
上海
杭州
textarea：多行文本，用于写一篇文章或者实现一个评论。
value的值就是填写到标签中的内容
value的值
placeholder属性：在输入框内的提示，比如：请输入密码，当输入东西的时候就会消息，不影响value，只是一个提示作用。其值不会提交给后台。
我就是我
叁歲伎倆
港控/mmm°
「爱情、让人受尽委屈。」
红太狼
不念不忘少年蓝@
![[密码学基础][每个信息安全博士生应该知道的52件事][Bristol52]46.Sigma协议正确性、公正性和零知识性](https://image.dandelioncloud.cn/images/20221014/d0cfabf374314639b6b82cb77d3f2de8.png "[密码学基础][每个信息安全博士生应该知道的52件事][Bristol52]46.Sigma协议正确性、公正性和零知识性")
还没有评论，来说两句吧...