超超哥AI云计算超哥讲AI 出品

社群入口

AI 超哥 Codex 副业群

扫码加入群聊,一起交流 AI、Codex 与副业实践。

原图注明二维码于10月20日前有效;若提示过期或无法入群,请等待更新二维码。

AI 超哥 Codex 副业群入群二维码在新窗口打开原图

表单、输入与基础可访问性

HTML、CSS 与 JavaScript 基础#Python全栈#第七阶段#HTML、CSS 与 JavaScript 基础#表单、输入与基础可访问性约 627 字 · 2 分钟阅读
追问显示
点击任意追问卡片可收起 / 展开

form 的 action、method 与 enctype 分别控制什么?

追问 提交普通字段与文件上传时,应该怎样选择提交方式和编码?

表单字段的 name、id 和 value 有什么区别?

追问 只有 id 没有 name 的输入框,在常规表单提交中是否会贡献该字段?

label 应如何与输入控件关联?

追问 为什么占位文字不能完全替代标签?点击标签和使用屏幕阅读器时会有什么影响?

文本、邮箱、密码、数字等输入类型应该如何选择?

追问 手机号为什么常常不适合使用数字类型?移动端键盘提示与字段校验是否是同一件事?

单选框与复选框怎样表达选项和选中状态?

追问 如何将单选框组织成一组?未选中的复选框在常规提交中怎样表现?

select 与 textarea 各有哪些常用属性和使用场景?

追问 单选、多选和多行文本怎样读取?如何为“请选择”占位选项约定空值?

表单中的 button 为什么应该明确声明 type?

追问 提交、重置和普通操作按钮分别应使用什么类型?点击“显示密码”意外提交如何排查?

disabled 与 readonly 有什么区别?

追问 它们对编辑、聚焦和常规表单提交有什么影响?是否所有表单控件都支持只读属性?

HTML 原生校验与 JavaScript 校验分别适合解决什么问题?

追问 required、长度限制与自定义提示怎样配合?为什么后端仍必须校验请求?

如何设计可用的表单错误提示?

追问 怎样指出具体字段与修正方法,保持输入内容,并让键盘和辅助技术用户发现错误?

核对资料: HTML 标准:表单。