HTML表单控件基础属性设置指南-html教程-PHP中文网

name属性不可省，因表单提交仅发送带name的控件值；disabled使控件不提交、不聚焦、重置状态，readonly仅禁编辑但可提交；value在不同控件中语义各异；required只校验空值且对disabled无效。

html表单控件基础属性设置指南

HTML表单控件的可用性、可访问性和数据正确性，几乎全靠几个基础属性撑着——name、id、value、required、disabled、readonly 这六个必须配齐，缺一不可。

服务器端收不到字段，90% 是因为漏写了 name。浏览器提交表单时只发送带 name 的控件值，id 或 class 都不参与传输。

name 值必须是合法标识符（不能以数字开头、不能含空格或特殊符号）
同一组 radio 必须共用 name，否则无法互斥；checkbox 也一样，靠 name 分组才能批量取值
如果用 JavaScript 动态生成表单，记得在插入 DOM 前手动设置 name，否则 form.elements 或 FormData 都拿不到它

disabled 会让控件完全脱离表单流程：value 不提交、不触发 focus、不响应任何事件；readonly 只禁编辑，仍可聚焦、可复制、可提交。

html-to-pptx-converter

使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。

下载

密码框、日期选择器等不支持 readonly 的控件，强行加了也无效（比如 <input type="date" readonly> 在 Chrome 中仍可点开日历）
disabled 会重置所有状态：已选中的 radio / checkbox 会变未选，select 会跳回第一个 option，即使原 selected 属性还在
用 CSS 模拟“视觉禁用”（比如灰掉 + pointer-events: none）≠ 真禁用，用户仍可通过键盘操作或 JS 修改值

value 不只是“默认值”，它还决定提交内容、影响初始选中逻辑，甚至在某些控件里根本不会显示出来。

<input type="text">：初始显示文字，用户修改后 value 实时更新
<input type="checkbox"> 或 <input type="radio">：仅当被选中时，该 value 才随表单提交；未选中时提交空字符串或不提交（取决于浏览器）
<select></select>：value 是整个下拉框的当前值，不是某个 <option></option> 的 value 属性——后者才是选项本身的提交值
<input type="hidden">：没有用户交互，value 就是唯一要传给后端的数据，改它等于改提交内容

浏览器原生校验只判断控件是否为空（""、null、undefined），对空格、零长度 Unicode 字符（如 \u200B）或非空但非法格式（如邮箱没 @）无能为力。

校验失败时，submit 事件仍会触发，只是浏览器会先弹提示并调用 event.preventDefault() —— 如果你在监听里写了 event.stopPropagation()，可能意外屏蔽掉这个阻止逻辑
required 对 disabled 控件无效；对 readonly 控件有效，但用户无法输入，容易导致表单卡死
多选 <select multiple></select> 的 required 行为不一致：Chrome 要求至少选一个，Firefox 曾经允许全不选通过（新版已对齐）