美文网首页
form表单的一些知识点

form表单的一些知识点

作者: 羌生 | 来源:发表于2017-10-02 23:24 被阅读0次

一、form表单有什么作用?有哪些常用的input 标签,分别有什么作用?

1.form表单是一个网页很重要的组成部分,它具有可供用户填写、选择、上传信息并把这些信息集中起来交由代后台服务器处理的作用。

常见的input标签 作用
<input type="checkbox"> 定义复选框。
<input type="file"> 定义输入字段和 "浏览"按钮,供文件上传。
<input type="password"> 定义密码字段。该字段中的字符被掩码。
<input type="radio"> 定义单选按钮
<input type="reset"> 定义重置按钮。重置按钮会清除表单中的所有数据。
<input type="text"> 定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。

二,post 和 get 方式的区别?

1.当向服务器发送请求的时候,get会把数据拼接成key=value的形式组装到url上传递给后台服务器。post会通过浏览器传递给后台服务器,不会改变url。
2.get方式的请求由于需要拼装成url来传递的所以字符长度是有限制的,而post是通过浏览器来传递的,所以理论上字符长度是无限制的。
3.安全性上,get请求的数据在url里是可见的,并且可以被历史记录和书签保存,post却不会。

三,在input里,name 有什么作用?

input的数据是通过key:value的格式传递给后台服务器的,这里name设置的值就是key。

四,radio 如何 分组?

radio是通过name来进行分组的,多个radio形态的input把name属性的值设为相同的即可分为一组。

五,placeholder 属性有什么作用?

placeholder 属性提供可描述输入字段预期值的提示信息(hint)。该提示会在输入字段为空时显示,并会在字段获得焦点时消失。

六,type=hidden隐藏域有什么作用? 举例说明

隐藏域对客户是不可见的,它可以暂存一些值,这样的特性就让它拥有很多用法。

  1. 如果一个网页有多个form表单(form表单是不能同时提交的)有些form表单需要相互作用,我们就可以在这些form表单中添加隐藏域来使它们联系起来。
    2。防止CSRF攻击,当用户访问的时候,我们可以通过后台随机一个值并放在隐藏域中,来检查其是否为非法用户。

相关文章

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

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

  • <form> 表单

    创建表单 每个表单都以form开始标签开始,以form结束标签结束。form标签可以有一些属性,最重要的是 act...

  • 关于vue v-decorator

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

  • form表单的一些知识点

    一、form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 1.form表单是一个网页很重要的组成...

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

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

  • bootstrap表单

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

  • form表单知识点

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

  • Form表单知识点

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

  • Form 表单知识点

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

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

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

网友评论

      本文标题:form表单的一些知识点

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