Skip to main content

form 表单

  • form 通常作为表单元素的父元素:
    • form 可以将整个表单作为一个整体来进行操作;
    • 比如对整个表单进行重置;
    • 比如对整个表单的数据进行提交;
  • form 常见的属性如下:
    • action 用于提交表单数据的请求 URL
    • method 请求方法(get 和 post),默认是 get
    • target 在什么地方打开 URL(参考 a 元素的 target)
  • GET 和 POST 请求的对比
    • GET 请求:http://www.test.com/login?phone=123&password=234
      • 用于从指定资源获取数据
      • 将查询参数拼接到 URL 后面
      • 请求参数可被缓存
      • 参数长度有限制
      • 不安全,因为会将数据暴露到 URL 上
    • POST 请求:http://www.test.com/login + body 请求体 (phone=123&password=234)
      • 用于更新或添加服务器上的数据
      • 通过 HTTP header 进行发送
      • 不会暴露参数到 URL 上,更加安全
      • 不受限制的参数长度

Loading Github Gist ...
Details

GET 请求:http://127.0.0.1:3000/abc?username=wangailin&password=h5Hdj%24%23peAb3vT2cxXRCE%232%24wFeqBg&sex=male&hobby=basketball&hobby=tennis&hobby=swimming&subject=chinese&subject=english&subject=math&textarea=love+you

POST 请求:

form-post-data


Loading Github Gist ...
Details