前端 学习笔记3 表单

1. HTML表单

HTML表单用于搜集不同用户类型的输入。
表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。

1. < form>类型定义表单
2. < input> 元素
   < input> 元素是最重要的表单元素。
   < input> 元素有很多形态，根据不同的 type 属性。

• 文本输入
  < input type=“text”>
• 单选按钮输入
  < input type=“radio”>
• 提交按钮
  < input type=“submit”> 定义用于向表单处理程序（form-handler）提交表单的按钮。
  表单处理程序通常是包含用来处理输入数据的脚本的服务器页面。

3. action属性
   action 属性定义在提交表单时执行的动作。
   向服务器提交表单的通常做法是使用提交按钮。
   通常，表单会被提交到 web 服务器上的网页。
   如果省略 action 属性，则 action 会被设置为当前页面。
4. method属性
   method 属性规定在提交表单时所用的 HTTP 方法（GET 或 POST）

• 关于 GET 的注意事项：
  以名称/值对的形式将表单数据追加到 URL
  永远不要使用 GET 发送敏感数据！（提交的表单数据在 URL 中可见！）
  URL 的长度受到限制（2048 个字符）
  对于用户希望将结果添加为书签的表单提交很有用
  GET 适用于非安全数据，例如 Google 中的查询字符串
• 关于 POST 的注意事项：
  将表单数据附加在 HTTP 请求的正文中（不在 URL 中显示提交的表单数据）
  POST 没有大小限制，可用于发送大量数据。
  带有 POST 的表单提交无法添加书签
  如果表单数据包含敏感信息或个人信息，请务必使用 POST！

5. name属性
   如果要正确地被提交，每个输入字段必须添加name属性。
6. 用 < fieldset> 组合表单数据
   < fieldset> 元素组合表单中的相关数据
   < legend> 元素为 < fieldset> 元素定义标题。
7. Autocomplete 属性
   autocomplete 属性规定表单是否应打开自动完成功能。
   启用自动完成功能后，浏览器会根据用户之前输入的值自动填写值。
8. Novalidate 属性
   novalidate 属性是一个布尔属性。
   如果已设置，它规定提交时不应验证表单数据。

2. 表单元素

3.输入类型

4.输入属性

• disable属性
  disable属性规定输入字段是禁用的。
  被禁用的元素是不可用和不可点击的。
  被禁用的元素不会被提交。