Code
Road
Map
首页
路线
题库
资源库
文章
社区
Search or jump to…
⌘K
文本输入框 — CodeRoadMap
开发路线图
/
设计系统路线图
/
文本输入框
阶段二
文本输入框
站内有对应完整课时
点击前往学习,带讲义与进度追踪
节点说明与学习资源
输入文本允许用户输入和编辑文本。
禁用状态:
阻止输入交互,并从表单提交中移除其值。
占位符:
当没有输入值时,显示一个带有潜在值示例的占位符。不要将占位符用作输入的标签。
标签:
应该有一个与文本字段链接的文本标签。点击标签应将焦点移动到字段。
错误状态:
错误状态用于表单验证错误,当错误仅与文本字段相关时。始终使用文本错误,并更改字段的颜色。
聚焦状态:
聚焦状态应在用户开始与之交互时突出显示文本字段。表单中始终只有一个聚焦字段。
自动完成:
当适用时,添加对 HTML autocomplete 属性的支持将允许用户轻松输入不同类型的数据。
图标支持:
图标用于描述输入方法、表达文本字段状态或提供附加功能。
1
读
2
验
3
留
加载本节练习…
留一句
用自己的话写下这一站的结论。
离开本站
← 上一节点
头像
下一节点 →
横幅