美文网首页
form表单基础知识

form表单基础知识

作者: CYC_dc68 | 来源:发表于2017-07-04 11:15 被阅读0次

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

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

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

2.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会弹出消息框,提示用户是否重新提交

3.在input里,name 有什么作用?

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

4.radio 如何 分组?

name属性相同的分为一组,如下

<label for="">性别:</label>
<input type="radio" name="sex" value="male" checked>男
<input type="radio" name="sex" value="female">女
<br>
<label for="">取向:</label>
<input type="radio" name="orientation" value="male">男
<input type="radio" name="orientation" value="female" checked>女
<br>

# 5.placeholder 属性有什么作用?
> 用来在文本框中显示提示,当用户开始输入内容,提示文字会消失

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

相关文章

  • 表单知识

    14.1 表单的基础知识 获取form元素: 同其他DOM元素一样var form = document.getE...

  • JavaScript基础知识总结——表单脚本

    表单基础知识 在HTML中,表单是使用form元素来表示的,JS中对应的是HTMLFormElement类型。它同...

  • JS学习13(表单脚本)

    表单基础知识 在HTML中,表单是使用form元素来表示的,JS中对应的是HTMLFormElement类型。它同...

  • 关于vue v-decorator

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

  • 初识PHP

    基础知识:学习PHP基本教程和表单处理,一些零碎HTML -form表单知识。 目的:搭建内部软件发布平台,上传文...

  • form表单基础知识

    1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 表单的作用是搜集用户的输入,用户提交表...

  • form表单基础知识

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

  • bootstrap表单

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

  • Vue.js-ElementUI表单

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

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

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

网友评论

      本文标题:form表单基础知识

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