平时用电脑办公、刷网页、处理文档，你有没有注意过那些天天见的按钮、输入框、下拉菜单？它们其实都有正式的名字。了解这些用户界面元素的名称，不仅能让你更清楚地描述问题，还能在和同事沟通或查资料时更高效。
\h2>常见的基础控件按钮（Button）是最常见的交互元素，点击后会触发某个动作，比如“提交”“保存”“取消”。网页上的“登录”两个字往往就是一个按钮。
文本框（Text Field / Input Box）用来输入单行文字，注册账号时填用户名、密码都靠它。如果是多行内容，比如写留言或反馈，就会用到文本域（Textarea）。
标签页（Tab）像文件柜里的分隔标签，微信电脑版的“聊天”“联系人”“发现”就是典型的标签页设计，点哪个显示哪部分内容。
选择类组件
当你需要从几个选项里挑一个，就可能遇到这些：
单选框（Radio Button）是一组圆形的小圈，只能选一项。比如填性别时的“男/女”，选了其中一个，另一个自动取消。
复选框（Checkbox）是方框，可以选多个。安装软件时常见的“同意用户协议”“开机启动”就是复选框。
下拉菜单（Dropdown Menu）节省空间的好帮手。比如选省份时只显示“请选择”，点开才看到“广东”“北京”等选项。代码中常这样表示：
<select name=\"province\">\n <option value=\"guangdong\">广东</option>\n <option value=\"beijing\">北京</option>\n</select>状态与提示元素
进度条（Progress Bar）告诉你事情进行到哪了。复制大文件时弹出的窗口里那个慢慢填充的长条就是它，看着它走完才有种踏实感。
加载动画（Loading Spinner）通常是旋转的小圆圈，出现在页面正在加载内容的时候。刷微博时下拉刷新，顶部出现的那个转圈就是典型例子。
提示框（Tooltip）是鼠标悬停时冒出的小文字说明。比如工具栏有个图标看不懂，停几秒冒出“保存文档”，这就是 Tooltip 在起作用。
导航与布局结构
侧边栏（Sidebar）常用于放置菜单或分类。QQ邮箱左侧那一列“收件箱”“草稿箱”“已发送”就是侧边栏。
面包屑导航（Breadcrumb）显示当前位置的路径，像“首页 > 文档 > 工作计划”，帮你清楚自己在哪，也能快速返回上一级。
模态框（Modal Dialog）是弹出来挡住背景内容的窗口，必须处理完才能继续操作。删文件时跳出的“确认删除？”对话框就是 Modal，你不点“确定”或“取消”，后面的内容点不了。
还有些细节元素也常出现：滑块（Slider）用来调节音量或亮度；开关（Toggle Switch）像手机里的静音模式按钮，点一下开，再点关；图标（Icon）虽小但直观，比如放大镜代表搜索，信封代表消息。
下次打开任何软件或网页，试着认一认这些元素。熟悉它们的名字后，你会发现很多操作逻辑其实很统一，换了个软件也能快速上手。
","seo_title":"用户界面元素名称大全 - 常见UI组件详解","seo_description":"掌握常见用户界面元素名称，如按钮、文本框、下拉菜单、进度条等，提升软件操作效率与沟通准确性。","keywords":"用户界面元素,UI组件名称,按钮,下拉菜单,文本框,复选框,进度条,电脑操作指南"}