一.form表单作用及常用input标签
form作用:用于向服务器传递数据
<form action="/abc" method="post"></form>
- action表示当提交表单时向某个地址发送数据,
- method表示是post还是get
- enctype表示在发送到服务器之前会对字符进行编码
<form enctype="">
属性 | 值 |
---|---|
application/x-www-form-urlencoded | 在发送前编码所有字符(默认) |
multipart/form-data | 不对字符进行编码 在使用包含文件上传控件的表单时,必须使用该值。 |
text/plain | 空格转换为“+”但不对特殊字符编码 |
常用的input属性
<input type="text" name="firstname"> //文本域
<input type="password" name="password"> //密码域
<input type="radio" name="sex"> //单选框
<input type="checkbox name="hobby"> //复选框
<input type="submit" name=""> //提交按钮
<input type="reset" name=""> //重置按钮
<input type="file" name=""> //上传文件
二.get和post的区别
- 当使用get时如果提交的表单中有password,url中会显示password的密码,这对用户信息的安全是不利的,而使用post提交数据时,页面的url不发生变化,故不会泄露用户的密码
- 因为url长度的限制,get提交数据的长度受到限制,而post则不会
- 表单get之后会返回一个url,这个url有可能被浏览器缓存,而post则不行
- 表单get之后返回的url有利于SEO
三.input的name属性
input的name属性必须被设置。name属性规定了input元素的名称,name是提交到服务器数据的一个标识
四.radio分组
<pre>
<input type="radio" name="sex" value="male">男
<input type="radio" name="sex" value="femal">女
</pre>
六.type="hidden"隐藏有什么作用
作用
- 暂存信息
- 安全
eg:<input type="hdden" name="csrf" value="d4f2daggg2xc4">
隐藏域在页面中对于用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器。