表单、媒体与交互元素：默认行为、可达性与资源代价

主题定位

这类标签常被低估，但它们直接连接用户输入、资源装载和浏览器默认交互。

对象一先看职责边界，再看生命周期、数据形态和与其他对象的协作关系。对象一的差异最终会体现在语义结构、资源加载、可访问性这几个维度。对象一讲清适用边界、失效条件和代价结构，结论才有技术含量。

对象二先看职责边界，再看生命周期、数据形态和与其他对象的协作关系。对象二的差异最终会体现在语义结构、资源加载、可访问性这几个维度。对象二讲清适用边界、失效条件和代价结构，结论才有技术含量。

这类标签常被低估，但它们直接连接用户输入、资源装载和浏览器默认交互
表单元素承担数据输入、校验、提交与可访问性语义；媒体元素承担解码、缓冲、播放策略与资源调度
讨论这题时要把标签默认行为与工程层封装区分开
把可点击上传区做成普通 div 而不关联真实 input，会失去系统文件选择与无障碍语义
原生表单控件支持焦点管理、label 关联、表单提交、约束校验和输入法适配
<img>、<audio>、<video>、<source> 等媒体元素会触发资源请求、解码与缓存策略，浏览器还会根据 autoplay、muted、preload 等属性做策略限制

回答表单、媒体与交互元素：默认行为、可达性与资源代价时，先定义对象一、对象二各自解决的问题，再比较它们在语义结构、资源加载、可访问性上的差异，最后给出选型边界和工程代价。