美文网首页
form表单知识点

form表单知识点

作者: 柒汾醉 | 来源:发表于2017-04-09 00:25 被阅读0次

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支持多种编码方式。

相关文章

  • react学习(20)非受控组件

    知识点: 1:对于表单:form的action属性是用来标识表单要提交的地址,form有一个onsubmit原生事...

  • 关于vue v-decorator

    ant-desigin-vue中form表单的使用 form表单的使用 form表单之获取表单的数据 创建表单 通...

  • bootstrap表单

    bootstrap表单 1、form 声明一个表单域2、form-inline 内联表单域3、form-horiz...

  • form表单知识点

    form表单 form表单作用 简单来说用来通过web服务向server提供数据,实现调用搜索等任务,以及用户与w...

  • Form表单知识点

    1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 表单对于用户而言是数据的录入和提交的界...

  • Form 表单知识点

    form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 提交表单输入的信息,用于向服务器传输数据。...

  • Vue.js-ElementUI表单

    1 表单el-form 每个表单el-form由多个表单域el-form-item组成。默认情况,表单域是垂直分布...

  • 前端面试每日 3+1 —— 第132天

    今天的知识点 (2019.08.26) —— 第132天 [html] 触发form表单自动提交的方式有哪些? [...

  • Form表单、四种常见的POST请求提交数据方式、MIME【转】

    浏览器行为:Form表单提交 1、form表单常用属性 enctype为form表单数据的编码格式,Content...

  • Bootstrap全局样式 - 表单

    知识点 基本表单 、 、 设置.form-control类,这些元素将会被设置为 width:100%;heigh...

网友评论

      本文标题:form表单知识点

      本文链接:https://www.haomeiwen.com/subject/gowrattx.html