文本输入框 — CodeRoadMap站内有对应完整课时点击前往学习,带讲义与进度追踪节点说明与学习资源
输入文本允许用户输入和编辑文本。
- 禁用状态: 阻止输入交互,并从表单提交中移除其值。
- 占位符: 当没有输入值时,显示一个带有潜在值示例的占位符。不要将占位符用作输入的标签。
- 标签: 应该有一个与文本字段链接的文本标签。点击标签应将焦点移动到字段。
- 错误状态: 错误状态用于表单验证错误,当错误仅与文本字段相关时。始终使用文本错误,并更改字段的颜色。
- 聚焦状态: 聚焦状态应在用户开始与之交互时突出显示文本字段。表单中始终只有一个聚焦字段。
- 自动完成: 当适用时,添加对 HTML autocomplete 属性的支持将允许用户轻松输入不同类型的数据。
- 图标支持: 图标用于描述输入方法、表达文本字段状态或提供附加功能。