form表单的作用
用于搜集不同类型的用户输入,将这些数据传送到服务器端,实现网站与用户的交互。
总结常用的input 标签及其作用
input标签 | 作用 |
---|---|
<input type="text" > |
文本输入框,单行,默认宽度为20个字符 |
<input type="password" > |
密码输入框,输入内容自动转变成圆点 |
<input type="radio" > |
单选框,用name分组要一致,一定要加value值 |
<input type="checkbox" > |
复选框,用name分组要一致,一定要加value值 |
<input type="file" > |
文件上传,accept属性值可限制上传文件类型 |
<input type="hidden" > |
隐藏字段,后台可根据name、value值判断用户提交的表单数据是否安全 |
<input type="button" > |
定义按钮 |
<input type="submit" > |
定义提交表单数据至表单处理程序的按钮 |
<input type="reset" > |
定义重置按钮 |
<input type="image" > |
定义图像形式的提交按钮 |
post 和 get 方式的区别?
- get方式主要用来向后台请求数据,而post常用来向后台上传数据。
- get方式是通过拼接URL方式上传数据,因地址栏长度有限(<=850个字符),对于过大的数据浏览器无法传输完整数据给服务器;post方式URL没有变化,数据仍会通过浏览器传输给后台,可传输的数据量更大。
- get方式在安全性方面不如post,输入的密码会显示在URL里;post方式在安全性要求高时是较好的方式,更安全。
input中name 属性的作用?
name属性规定了input元素的名称,用于对提交的数据进行标识,单选框和复选框中以name来分组,在JavaScript中引用表单数据。
radio 如何 分组
通过name属性的不同分组,同一组的name必须相同,才能够单选。
placeholder 属性的作用
在文本框中显示提示文字,一旦在文本框里输入了什么信息,提示信息就会隐藏
type=hidden隐藏域有什么作用? 举例说明
<input type="hidden" name=" " value=" ">
- 设置在页面的隐藏域,用户提交表单时会一起发送到服务器,服务器对隐藏域中的值进行验证,验证通过则表单合法,提高了安全性。
- 暂存信息,若需要这个值可通过定位到该元素来获取这个值。
- 常常被用在表单提交时生成一个随机的码,服务器可以根据这个码验证请求是否过期,用于防止恶意的多次请求发送。