正在加载...

HTML 表单属性

form 标签有改变提交行为的属性。先掌握 action 和 method。

直接回答

  • action — URL
  • method — get/post
  • autocomplete — on/off
  • novalidate — 提交时跳过内置 HTML field checks(谨慎)

📊 常见 form 属性

Attribute Role
action 提交目标 URL
method get 或 post
autocomplete 自动填充提示
novalidate 对该提交关闭内置 HTML field checks
name / id 标识 form 本身

Form attributes in practice

html
HTML Code
<form
id="contact"
action="/contact"
method="post"
autocomplete="on">
<label for="name">Name</label>
<input id="name" name="name" type="text">
<button type="submit">Send</button>
</form>

试一试

  1. get 看 query
  2. post
  3. autocomplete off
  4. novalidate 演示

常见错误

  • 空 action
  • get 传密码
  • 生产长期 novalidate

小结

  • action + method
  • post 私密/大数据
  • autocomplete/novalidate 可选
  • name 供脚本

🧠 测试您的知识

准备开始

测试您的知识

通过这个互动测验挑战自己,看看你对这个主题的理解程度如何

❓
5
问题
🎯
70%
及格要求
♾️
∞
时间
🔄
∞
尝试次数

📝 说明

  • 仔细阅读每个问题
  • 为每个问题选择最佳答案
  • 您可以随时重新参加测验
  • 您的进度将显示在顶部