美文网首页
表单知识

表单知识

作者: 月光下的微笑 | 来源:发表于2017-09-25 10:28 被阅读0次

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

  • 向服务器提交或请求数据数据
  • 常用标签有input、textarea、label、select、option、reset、submit等分别为输入域,文本域,标签,选项框,重置按钮,提交。

post 和 get 方式的区别?

  • get:


    image.png
  • post:


    image.png
  1. 如图可知,get请求是吧用户数据写在URL上传输的,而post则不会。
  2. 如果数据里包含用户私密信息。如密码等,用get方式显然是不适合的。
  3. 如果用户传输的数据是一篇几万字的文章,因为url的长度也是有限制的,URL 的最大长度是 2048 个字符,若用get传输,超过url长度的内容会被截掉。

在input里,name 有什么作用?

name的作用就是这个input的value对应的key,让每一个数据都是key——value的传输出去;

radio 如何 分组?

<input type="radio" name="a">
<input type="radio" name="a">

name相等的为一组radio;

placeholder 属性有什么作用?

placeholder 设置默认提示文字。在用户输入任意内容之后就消失。

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

  • 当向服务器提交表单的时候,这个hidden的key-value值也会传输,在服务器端就可以先验证有没这个键值,如果有就接受此表单,如若没有则拒绝,可以保护数据,防止不是来自这个表单的数据传入。
  • JavaScript不支持全局变量,但有时我们必须用全局变量,我们就可以把值先存在隐藏域里,它的值就不会丢失了。

相关文章

  • 事件处理--表单事件

    表单的基础知识 提交表单 表单的基础知识 在html中,表单是由 元素来表示的,它有以下独有的属性和方法actio...

  • 十四章 表单脚本

    第十四章 表单脚本 表单的基础知识 基础知识 在javascript中,表单对应的是 HTMLForm-Eleme...

  • JavaScript高级程序设计(第三版) 第14章 表单For

    1### Menu 第14章 表单脚本 14.1 表单的基础知识 14.1.1 提交表单 14.1.2 重置表单 ...

  • 四周搞定《JavaScript 高级程序设计》 - 读书笔记(D

    第14章 表单脚本 14.1 表单的基础知识 14.1.1 提交表单 14.1.2 重置表单 14.3 选择框脚本...

  • 表单知识

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

  • 表单知识

    form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 向服务器提交或请求数据数据 常用标签有in...

  • 表单脚本基础知识

    本文介绍了JS表单脚本的基础知识,希望大家对表单脚本有初步的理解,后续还会详细整理各类表单的知识 HTML元素 <...

  • Javascript-表单脚本

    一、表单的基础知识 1、表单提交 普通提交 以编程方式调用submit()方法提交表单 解决表单重复提交的办法:1...

  • $14 表单脚本

    1. 表单基础知识: 在HTML中,表单由 表示;在JS中,表单由HTMLFormElement类型表示,它继承了...

  • JS之表单脚本

    一、表单基础知识 在 JavaScript 中,表单对应的是 HTMLFormElement 类型。 HTMLFo...

网友评论

      本文标题:表单知识

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