有关Form表单常被问到的知识点

作者: Moorez | 来源:发表于2017-05-12 23:11 被阅读0次
  • form表单有什么作用?

表单的作用是搜集用户的输入,用户提交表单时向服务器传输数据,从而实现用户与web服务器的交互。


  • 有哪些常用的input 标签,分别有什么作用?

标签 作用
<input type="text"> 用来定义单行输入文本框
<input type="password"> 用来定义密码字段
<input type="submit"> 用来定义提交表单数据至表单处理程序的按钮
<input type="button"> 用来定义按钮
<input type="reset"> 用来定义重置按钮
<input type="file"> 用来定义输入字段和 "浏览..." 按钮,供文件上传
<input type="checkbox"> 用来定义定义复选框
<input type="radio"> 用来定义单选按钮

以上几个是比较常用的,还有一些用的不多,详情点击笑脸😀


  • post 和 get 方式的区别?

  • GET是从服务器上获取数据,POST是向服务器传送数据。
  • 对于GET方式,服务器端用Request.QueryString来获取变量的值,对于POST方式,服务器端用Request.Form来获取提交的数据
  • get是把表单参数数据加到提交表单的action属性所指的URL中,如:http://www.xxx.com?id=1314&name=hello&age=20,用户信息对于用户是可见的,而post是把提交的数据放置在是HTTP包的包体中传送给服务器,用户信息对于用户是不可见的。
  • Get限制Form表单的数据集的值必须为ASCII字符;而Post支持整个ISO10646字符集(通用字符集)。
  • POST的安全性要比GET的安全性高,但是POST的执行效率比GET执行效率低
  • 传输数据的大小,HTTP协议没有对传输的数据大小进行限制,HTTP协议规范也没有对URL长度进行限制。
    而在实际开发中存在的限制主要有:
    GET:特定浏览器和服务器对URL长度有限制,例如IE对URL长度的限制是2083字节(2Kb+35),对于其他浏览器如Netscape、FireFox等,理论上没有长度限制,其限制取决于操作系统的支持。因此对于GET提交时,传输数据就会受到URL长度的限制。
    POST:由于不是通过URL传值,理论上数据不受限。但实际各个WEB服务器会规定对post提交数据大小进行限制,Apache、IIS6都有各自的配置。
  • GET请求的数据会被浏览器缓存起来,而POST却不行
  • 使用GET时,用户刷新页面,页面没有出现任何提示,使用POST会弹出消息框,提示用户是否重新提交
  • GET 请求可被收藏为书签,POST 不能被收藏为书签
  • GET产生一个TCP数据包;POST产生两个TCP数据包(对于GET方式的请求,浏览器会把http header和data一并发送出去,服务器响应200(返回数据);而对于POST,浏览器先发送header,服务器响应100 continue,浏览器再发送data,服务器响应200 ok(返回数据)。但是并不是所有浏览器都会在POST中发送两次包,Firefox就只发送一次)

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

  • name 属性规定 input 元素的名称。
  • name 属性用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据
  • 只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。

  • radio 如何分组?

name属性相同的为一组,比如


  • placeholder 属性有什么作用?

用来在文本框中显示提示,当用户开始输入内容,提示文字会消失


  • input中type=hidden隐藏域有什么作用? 举例说明

隐藏域写在页面代码上并不会让用户看得见,当用户填写完表单之
后这条代码也会一并提交到服务器。type=hidden 的value会与服务器做个校验。如果value与服务器对得上证明用户有合法的操作权限,如果value对不上服务器就会拒绝用户的操作。这一般用于识别该用户是否拥有合法的操作权限,提高了数据的安全性。

还有一些作用请点击魔法棒💥

相关文章

  • 有关Form表单常被问到的知识点

    form表单有什么作用? 表单的作用是搜集用户的输入,用户提交表单时向服务器传输数据,从而实现用户与web服务器的...

  • 有关HTML常被问到的知识点

    HTML、XML、XHTML 有什么区别? HTML即是超文本标记语言(Hyper Text Markup Lan...

  • Form 表单

    form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 1、form表单通常被用于数据采集和与服务...

  • 有关form表单

    form表单有什么作用?有哪些常用的input 标签,分别有什么作用? form表单用来收集用户的信息,然后将数据...

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

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

  • 关于vue v-decorator

    ant-desigin-vue中form表单的使用 form表单的使用 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表单常被问到的知识点

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