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