HTML表单用法

表单标签

  • form元素
  • <form> 元素定义 HTML 表单,作为表单的外壳把用户输入的不同类型的数据提交到后台。
  • input元素
    • 常用input标签


      常用input标签.jpg
  • button元素
    • <button> 元素定义可点击的按钮
      <button type="button" onclick="alert('Hello World!')">Click Me!</button>
  • select元素
    • <select> 元素定义下拉列表
      <select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">Fiat</option> <option value="audi">Audi</option> </select>
  • option元素
    • <option> 元素定义待选择的选项。
      列表通常会把首个选项显示为被选选项。
      能够通过添加 selected 属性来定义预定义选项。
      <option value="fiat" selected>Fiat</option>
  • textarea元素 多行文本框
    • <textarea> 元素定义多行输入字段(文本域)
      <textarea name="message" rows="10" cols="30"> The cat was playing in the garden. </textarea>

get与post区别

1、Get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。

2、Get 方式传输的数据量非常小,一般限制在 2 KB 左右,但是执行效率却比 Post 方法好;而 Post 方式传递的数据量相对较大,它是等待服务器来读取数据,不过也有字节限制,这是为了避免对服务器用大量数据进行恶意攻击。

3、跟是一样的,也就是说,action页面后边带的参数列表会被忽视;而 跟 是不一样的。

4、Get安全性非常低,Post安全性相对较高。

  • 建议:除非你肯定你提交的数据可以一次性提交,否则请尽量用 Post 方法
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML 表单用于搜集不同类型的用户输入。 1.<form> 元素:<form> 元素定义 HTML 表单 1.<...
    饥人谷_兔子君阅读 2,750评论 0 0
  • 1. 简介 HTML 表单表示文档中的一个区域,包含了表单元素等交互控制原件,用于向 web 服务器提交信息。 f...
    饥人谷_风争阅读 2,563评论 0 0
  • html表单用途 html用于收集用户的输入向服务端提交数据,从而实现用户与web端的交互 html表单的属性 1...
    zhangkun_sunset阅读 2,642评论 0 0
  • HTML表单 HTML 表单用于搜集不同类型的用户输入。 表单是一个包含表单元素的区域。 使用 定义表单 .for...
    汲汲hz阅读 1,924评论 0 0
  • 小冉把自己关在了房间,外面的人也还在不停的唠叨,这样的场景已经记不清是有多少次了,她突然意识到为什么自己老是跟...
    浏刘阅读 1,293评论 0 0