📌 单行文本框 最基础的输入框,用于姓名、手机号、邮箱等短内容。
📌 多行文本框(Textarea) 用于备注、评论、反馈等需要输入大段文字的场景,通常可以拖拽调整高度。
📌 搜索框 带搜索图标,通常放在页面顶部或导航栏。可以加联想推荐、历史记录。
📌 密码框 输入内容显示为圆点,通常配一个「显示/隐藏」的切换图标。
📌 数字输入框 只能输入数字,常配加减按钮,用于数量、金额。
📌 带前缀/后缀的输入框 比如前面加「¥」符号,后面加「.com」,减少用户输入量。
📌 自动补全输入框 用户输入时自动联想补全,常用于地址、标签。
设计输入框时记住三件事: ✅ 给清晰的占位文字(Placeholder) ✅ 实时校验并给明确的错误提示 ✅ 考虑不同状态:默认、聚焦、错误、禁用
📚下面这份《UIUX 学习指南》,是我花 1 年时间整理,萃取苹果、谷歌等大厂设计智慧搭建而成的:
• 体系完整又系统,从视觉、交互到用研、产品,覆盖 UI/UX 全链路
• 不管是零基础入门、中级进阶还是冲资深,都能精准适配
• 每天花 5~10 分钟,就能稳步搭建起专业认知框架
👇文末加入「UIUX 学习指南」,用每天 5~10 分钟的坚持,换取终身受用的“设计竞争力”。
你会发现,那些焦虑和迷茫,都在稳步提升中烟消云散。






