HTML寒假学习总结(三)表单

表单

1、表单就是让用户提交数据到服务器的。用在收集用户数据的场景。
2、表单的标签是form。最重要的两个属性,action和method。
3、Action是一个url,用户提交的数据由哪个页面/服务器处理。
4、Method 是表示是用get方式提交还是post方式提交。
5、表单里面可以设计一些表单项或者一些控件。

Get和Post

1、认为get是一个比较安全的操作,是从服务器拿数据,每次操作返回的数据是一样的。Get请求在浏览器、运营商,会在中间缓存。在HTTP协议中,URL对get请求的处理是,把请求放到路径中一次性把数据发到服务器。
2、Post是向服务器提交数据,每次提交不一样,会修改服务器数据,不安全。浏览器不会缓存任何post数据。POST的内容先被编码,再放到url的body里面,再去提交。【head和Body是分两次发送的】
3、关于明文/密文的解释: 一个是在URL里面,一个在HTTP的body里面。【其实编码的方式是一样的,只是能不能在url中看到而已】

URL编码

URL编码:转义的方式比较特别,把少数的特殊字符进行替换。
假如用户名有空格,如果是GET,在URL中会被转义。(不过现在新的方式好像是把空格替换为了+加号)【在服务器端处理的时候,复原用户的输入,可能需要处理加号或者是这种特殊的URL编码】
那么需要根据服务器使用的语言不同来做相应的处理,比如JS里面用decodeURIComponent来处理。

HTTP Method

1、GET
2、POST
3、HEAD
4、PUT
5、DELETE
6、OPTIONS

HEAD:Head方法不会有body返回。
DELETE:删除
OPTIONS:options也不会有具体的body返回。【options的使用场景:假设有个跨域请求,服务器发送options来询问这个请求是否可以跨越】

单行文本框

1、标签:input
2、使用:name 很重要,是向服务器发送的。在html中写一个value,代表的是默认值。

属性1:placeholder,灰色的文字来提示用户该输入什么。
属性2:autofocus:让用户focus在自己要输入的地方。

密码

密码:type=password,用小圆点显示。(移动浏览器上会显示最后一个字母,PC上都是小圆点)

多行文本框