form表单知识点

form表单

form表单作用

简单来说用来通过web服务向server提供数据,实现调用搜索等任务,以及用户与web服务器之间的交互。

常见标签

submit用于提交所有数据

text 单行文本框

password 密码框

checkbox 多选组件

radio 单选组件

file 上传文件  其中accept属性限制上传文件类型,如accept="image/png"

hidden 隐藏组件

submit提交数据按钮

bottom 普通按钮

reset 重置按钮

name作用

实际是传输数据时候的key值,以及form个别标签里的分组,如radio标签的分组。

placeholder

placeholder属性规定用以描述输入字段预期值的提示,该提示会在用户输入值之前显示在输入字段中

placeholder 属性适用于以下输入类型:text、search、url、tel、email 以及 password

type=hidden

隐藏域在页面中,用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器,从后台给用户隐藏域中value添加值,就可以识别用户,提高安全性。

标签标签的作用是:隐藏不想让用户看到的信息,但是这些信息对于Web应用又是非常必要的。

暂存信息:后端在构造web页面的过程中,通过hidden隐藏域在页面中添加了相关数据信息(用户对网页进行操作时可能会用到这些数据信息)

信息安全:后端在构造web页面的过程中,可以通过hidden隐藏域在页面中添加相关的验证信息,当form表单被提交后,服务器会收到该验证信息,通过一定的算法校验该验证信息,可以有效防止非法请求对数据库的增删改查,提高了web应用的安全性。

get和post

get传输方式一般是小数据量,以及获取信息等。不修改服务器的信息。

post一般用于传输大数据量,以及修改服务器信息,同时涉及安全性方面的输出。

get在后退刷新时是无害的,post会重新提交请求;

get参数通过URL传递,post放在Request body中;

get请求参数保留在浏览器历史记录中,post参数不会保留;

get产生的URL地址可以被存为书签,而post不可以;

对参数的数据类型,get只接受ASCII字符,而post没有限制;

get比post更不安全,因为发送的数据显示在URL上,在发送密码或其他敏感信息时绝不要使用get;

get请求只能进行url编码,而post支持多种编码方式。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 表单对于用户而言是数据的录入和提交的界...
    Feiyu_有猫病阅读 4,026评论 0 0
  • 本人做php的,最近发现JS真的是博大精深啊,比PHP难.在HTML中,表单是由form元素来表示的,但是在jav...
    linfree阅读 6,614评论 3 17
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,323评论 19 139
  • <input>标签 标签用于搜集用户信息,根据不同的type属性值,输入字段拥有很多种形式。输入字段可以是文本字段...
    _空空阅读 9,488评论 0 3
  • 1.enctype 是提交数据时定义的编码类型。enctype="multipart/form-data"规定提交...
    廖马儿阅读 1,501评论 0 0