form元素常用属性有action、method、enctype（决定数据发送目标、方式与编码），以及novalidate、autocomplete等增强属性；input核心属性包括name、value、type及required/disabled/readonly；label、fieldset、legend提升可访问性；formnovalidate、formtarget、form等支持跨表单控制。
form 元素的常用属性有哪些
HTML <form> 本身不提交数据，只定义上下文；它的属性直接决定数据怎么发、发给谁、用什么方式发。关键就三个：action、method、enctype，其他如 autocomplete 或 novalidate 属于增强体验或绕过默认行为的开关。
常见错误是把 action 写成相对路径但没注意当前页面 URL 结构，导致 404；或者在上传文件时漏掉 enctype="multipart/form-data"，后端收不到文件字段。
-
action：必须是有效的 URL（可为空字符串，表示提交到当前页） -
method：只接受"get"或"post"（大小写不敏感），HTTP/2+ 也支持"dialog"，但浏览器支持极差，别用 -
enctype：仅当method="post"时生效；"application/x-www-form-urlencoded"（默认）、"multipart/form-data"（传文件必需）、"text/plain"（调试用，基本不用） -
novalidate：布尔属性，加了就跳过浏览器原生表单校验（比如required、type="email"的提示）
input 元素的核心属性和 type 的实际影响
<input> 是表单里最复杂的元素，属性行为高度依赖 type 值。不是所有属性在所有 type 下都有效——比如 min/max 对 type="text" 无效，step 在 type="date" 下被忽略。
容易踩的坑：用 type="number" 以为能限制小数位，结果用户仍可输入 "1.2345"；或者给 type="email" 加了 pattern，反而覆盖了浏览器自带的邮箱格式校验逻辑。
立即学习“前端免费学习笔记（深入）”；
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
-
name：必须有，否则该字段不会出现在提交数据中（空值也会传，但没 name 就彻底消失） -
value：初始值；对type="checkbox"或type="radio"，这是提交时的字段值，不是显示文本 -
required、disabled、readonly：三者语义不同：disabled字段不参与提交且不可聚焦；readonly可聚焦、可复制、会提交；required触发浏览器校验（但可被novalidate关闭） -
type决定底层行为：比如type="date"在 Safari 上不支持step，type="search"自带清空按钮且默认有圆角样式
label、fieldset、legend 这些“包装类”元素的实用属性
它们不参与数据提交，但极大影响可访问性和维护性。开发者常忽略它们的属性，导致屏幕阅读器无法正确关联控件，或响应式布局错乱。
典型问题：用 <div> 包 <input> 替代 <label>，结果点击文字无法聚焦输入框；或者 <fieldset> 没配 <legend>，语义断裂，自动化测试工具报错。
-
<label>的for属性必须严格匹配目标input的id（不能是name）；嵌套写法（<label><input>xxx</label>）更可靠，无需配 id -
<fieldset>的disabled是批量禁用内部所有表单控件的快捷方式，比逐个加disabled更干净 -
<legend>是<fieldset>的唯一合法第一个子元素，视觉上默认居左顶边，想居中得靠 CSS，但语义不能丢
现代表单中容易被忽略的属性：autocomplete、formnovalidate、formtarget
这些属性作用于单个控件，但可以跨 <form> 边界生效——比如一个不在 form 内的 <input autocomplete="email">，浏览器依然可能自动填充；而 formnovalidate 可以让某个提交按钮跳过校验，哪怕整个 form 没加 novalidate。
兼容性要注意：autocomplete 的值（如 "shipping street-address"）在旧版 Safari 上会被无视；formtarget 在 <button type="submit"> 上才有效，对 <input type="submit"> 无效。
-
autocomplete值必须是规范枚举值（见 WHATWG HTML spec），自定义字符串如"my-custom-field"无意义 -
formnovalidate和formtarget只对type="submit"或type="image"的<button>或<input>生效 -
form属性可让控件“归属”到页面任意位置的<form>（通过 id 引用），打破 DOM 嵌套限制，适合模态框内表单控件复用主表单
表单属性看着零散，其实就两条主线：一条管「数据流向」（action/method/enctype/form），一条管「用户交互与校验」（required/autocomplete/novalidate/formnovalidate）。真正难的不是记属性名，而是理解每个属性在哪个环节起作用、被谁读取（浏览器？服务端？辅助技术？）、以及它和其他属性的优先级关系。比如 formnovalidate 会压制 required，但压不住后端校验——这点经常被前端忽略。
