HTML / CSS / JavaScript

基础控件与选择器

按钮、选择器、开关、滑块与组合输入控件。

78个分类案例
当前显示 78 个案例
0001基础控件与选择器

CSS 渐变按钮

一组带有流光、描边和按压反馈的现代渐变按钮。

HTMLCSS按钮渐变
打开运行
0021基础控件与选择器

会议室分段选择器

在会议室场景中完成分段选择器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器分段选择器HTMLCSSJavaScript
打开运行
0037基础控件与选择器

会议室偏好开关矩阵

在会议室场景中完成偏好开关矩阵:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器偏好开关矩阵HTMLCSSJavaScript
打开运行
0053基础控件与选择器

会议室范围调节器

在会议室场景中完成范围调节器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器范围调节器HTMLCSSJavaScript
打开运行
0069基础控件与选择器

会议室评分刻度

在会议室场景中完成评分刻度:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器评分刻度HTMLCSSJavaScript
打开运行
0085基础控件与选择器

会议室筛选标签组

在会议室场景中完成筛选标签组:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器筛选标签组HTMLCSSJavaScript
打开运行
0101基础控件与选择器

会议室数值步进器

在会议室场景中完成数值步进器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器数值步进器HTMLCSSJavaScript
打开运行
0117基础控件与选择器

会议室颜色样本选择

在会议室场景中完成颜色样本选择:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器颜色样本选择HTMLCSSJavaScript
打开运行
0133基础控件与选择器

会议室方案卡片选择

在会议室场景中完成方案卡片选择:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器方案卡片选择HTMLCSSJavaScript
打开运行
0149基础控件与选择器

会议室双值区间控制

在会议室场景中完成双值区间控制:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器双值区间控制HTMLCSSJavaScript
打开运行
0165基础控件与选择器

会议室日期快速选择

在会议室场景中完成日期快速选择:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器日期快速选择HTMLCSSJavaScript
打开运行
0181基础控件与选择器

阅读模式分段选择器

在阅读模式场景中完成分段选择器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器分段选择器HTMLCSSJavaScript
打开运行
0197基础控件与选择器

阅读模式偏好开关矩阵

在阅读模式场景中完成偏好开关矩阵:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器偏好开关矩阵HTMLCSSJavaScript
打开运行
0213基础控件与选择器

阅读模式范围调节器

在阅读模式场景中完成范围调节器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器范围调节器HTMLCSSJavaScript
打开运行
0229基础控件与选择器

阅读模式评分刻度

在阅读模式场景中完成评分刻度:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器评分刻度HTMLCSSJavaScript
打开运行
0245基础控件与选择器

阅读模式筛选标签组

在阅读模式场景中完成筛选标签组:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器筛选标签组HTMLCSSJavaScript
打开运行
0261基础控件与选择器

阅读模式数值步进器

在阅读模式场景中完成数值步进器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器数值步进器HTMLCSSJavaScript
打开运行
0277基础控件与选择器

阅读模式颜色样本选择

在阅读模式场景中完成颜色样本选择:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器颜色样本选择HTMLCSSJavaScript
打开运行
0293基础控件与选择器

阅读模式方案卡片选择

在阅读模式场景中完成方案卡片选择:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器方案卡片选择HTMLCSSJavaScript
打开运行
0309基础控件与选择器

阅读模式双值区间控制

在阅读模式场景中完成双值区间控制:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器双值区间控制HTMLCSSJavaScript
打开运行
0325基础控件与选择器

阅读模式日期快速选择

在阅读模式场景中完成日期快速选择:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器日期快速选择HTMLCSSJavaScript
打开运行
0341基础控件与选择器

旅行计划分段选择器

在旅行计划场景中完成分段选择器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器分段选择器HTMLCSSJavaScript
打开运行
0356基础控件与选择器

旅行计划偏好开关矩阵

在旅行计划场景中完成偏好开关矩阵:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器偏好开关矩阵HTMLCSSJavaScript
打开运行
0371基础控件与选择器

旅行计划范围调节器

在旅行计划场景中完成范围调节器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器范围调节器HTMLCSSJavaScript
打开运行
0386基础控件与选择器

旅行计划评分刻度

在旅行计划场景中完成评分刻度:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器评分刻度HTMLCSSJavaScript
打开运行
0401基础控件与选择器

旅行计划筛选标签组

在旅行计划场景中完成筛选标签组:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器筛选标签组HTMLCSSJavaScript
打开运行
0414基础控件与选择器

旅行计划数值步进器

在旅行计划场景中完成数值步进器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器数值步进器HTMLCSSJavaScript
打开运行
0427基础控件与选择器

旅行计划颜色样本选择

在旅行计划场景中完成颜色样本选择:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器颜色样本选择HTMLCSSJavaScript
打开运行
0440基础控件与选择器

旅行计划方案卡片选择

在旅行计划场景中完成方案卡片选择:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器方案卡片选择HTMLCSSJavaScript
打开运行
0453基础控件与选择器

旅行计划双值区间控制

在旅行计划场景中完成双值区间控制:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器双值区间控制HTMLCSSJavaScript
打开运行
0463基础控件与选择器

旅行计划日期快速选择

在旅行计划场景中完成日期快速选择:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器日期快速选择HTMLCSSJavaScript
打开运行
0473基础控件与选择器

音乐工作室分段选择器

在音乐工作室场景中完成分段选择器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器分段选择器HTMLCSSJavaScript
打开运行
0481基础控件与选择器

音乐工作室偏好开关矩阵

在音乐工作室场景中完成偏好开关矩阵:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器偏好开关矩阵HTMLCSSJavaScript
打开运行
0489基础控件与选择器

音乐工作室范围调节器

在音乐工作室场景中完成范围调节器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器范围调节器HTMLCSSJavaScript
打开运行
0494基础控件与选择器

音乐工作室评分刻度

在音乐工作室场景中完成评分刻度:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器评分刻度HTMLCSSJavaScript
打开运行
0521基础控件与选择器

智能家居日期快速选择

在智能家居场景中完成日期快速选择:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器日期快速选择HTMLCSSJavaScript
打开运行
0522基础控件与选择器

单车棚颜色样本选择

在单车棚场景中完成颜色样本选择:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器颜色样本选择HTMLCSSJavaScript
打开运行
0538基础控件与选择器

社区花园双值区间控制

在社区花园场景中完成双值区间控制:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器双值区间控制HTMLCSSJavaScript
打开运行
0547基础控件与选择器

家庭厨房筛选标签组

在家庭厨房场景中完成筛选标签组:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器筛选标签组HTMLCSSJavaScript
打开运行
0563基础控件与选择器

健身角数值步进器

在健身角场景中完成数值步进器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器数值步进器HTMLCSSJavaScript
打开运行
0572基础控件与选择器

园艺工坊方案卡片选择

在园艺工坊场景中完成方案卡片选择:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器方案卡片选择HTMLCSSJavaScript
打开运行
0588基础控件与选择器

温室签到台日期快速选择

在温室签到台场景中完成日期快速选择:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器日期快速选择HTMLCSSJavaScript
打开运行
0597基础控件与选择器

温室控制台颜色样本选择

在温室控制台场景中完成颜色样本选择:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器颜色样本选择HTMLCSSJavaScript
打开运行
0613基础控件与选择器

温室演示屏双值区间控制

在温室演示屏场景中完成双值区间控制:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器双值区间控制HTMLCSSJavaScript
打开运行
0622基础控件与选择器

温室展示架筛选标签组

在温室展示架场景中完成筛选标签组:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器筛选标签组HTMLCSSJavaScript
打开运行
0638基础控件与选择器

温室休息台数值步进器

在温室休息台场景中完成数值步进器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器数值步进器HTMLCSSJavaScript
打开运行
0647基础控件与选择器

温室方案板方案卡片选择

在温室方案板场景中完成方案卡片选择:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器方案卡片选择HTMLCSSJavaScript
打开运行
0663基础控件与选择器

温室配置车范围调节器

在温室配置车场景中完成范围调节器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器范围调节器HTMLCSSJavaScript
打开运行
0672基础控件与选择器

温室任务架评分刻度

在温室任务架场景中完成评分刻度:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器评分刻度HTMLCSSJavaScript
打开运行
0688基础控件与选择器

客房套间分段选择器

在客房套间场景中完成分段选择器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器分段选择器HTMLCSSJavaScript
打开运行
0697基础控件与选择器

儿童房偏好开关矩阵

在儿童房场景中完成偏好开关矩阵:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器偏好开关矩阵HTMLCSSJavaScript
打开运行
0713基础控件与选择器

阁楼签到台日期快速选择

在阁楼签到台场景中完成日期快速选择:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器日期快速选择HTMLCSSJavaScript
打开运行
0722基础控件与选择器

阁楼控制台颜色样本选择

在阁楼控制台场景中完成颜色样本选择:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器颜色样本选择HTMLCSSJavaScript
打开运行
0738基础控件与选择器

阁楼演示屏双值区间控制

在阁楼演示屏场景中完成双值区间控制:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器双值区间控制HTMLCSSJavaScript
打开运行
0747基础控件与选择器

阁楼展示架筛选标签组

在阁楼展示架场景中完成筛选标签组:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器筛选标签组HTMLCSSJavaScript
打开运行
0763基础控件与选择器

阁楼休息台数值步进器

在阁楼休息台场景中完成数值步进器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器数值步进器HTMLCSSJavaScript
打开运行
0772基础控件与选择器

阁楼方案板方案卡片选择

在阁楼方案板场景中完成方案卡片选择:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器方案卡片选择HTMLCSSJavaScript
打开运行
0788基础控件与选择器

阁楼配置车范围调节器

在阁楼配置车场景中完成范围调节器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器范围调节器HTMLCSSJavaScript
打开运行
0797基础控件与选择器

阁楼任务架评分刻度

在阁楼任务架场景中完成评分刻度:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器评分刻度HTMLCSSJavaScript
打开运行
0813基础控件与选择器

创作实验室分段选择器

在创作实验室场景中完成分段选择器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器分段选择器HTMLCSSJavaScript
打开运行
0822基础控件与选择器

创客空间偏好开关矩阵

在创客空间场景中完成偏好开关矩阵:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器偏好开关矩阵HTMLCSSJavaScript
打开运行
0838基础控件与选择器

餐柜签到台日期快速选择

在餐柜签到台场景中完成日期快速选择:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器日期快速选择HTMLCSSJavaScript
打开运行
0847基础控件与选择器

餐柜控制台颜色样本选择

在餐柜控制台场景中完成颜色样本选择:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器颜色样本选择HTMLCSSJavaScript
打开运行
0863基础控件与选择器

餐柜演示屏双值区间控制

在餐柜演示屏场景中完成双值区间控制:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器双值区间控制HTMLCSSJavaScript
打开运行
0872基础控件与选择器

餐柜展示架筛选标签组

在餐柜展示架场景中完成筛选标签组:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器筛选标签组HTMLCSSJavaScript
打开运行
0888基础控件与选择器

餐柜休息台数值步进器

在餐柜休息台场景中完成数值步进器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器数值步进器HTMLCSSJavaScript
打开运行
0897基础控件与选择器

餐柜方案板方案卡片选择

在餐柜方案板场景中完成方案卡片选择:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器方案卡片选择HTMLCSSJavaScript
打开运行
0913基础控件与选择器

餐柜配置车范围调节器

在餐柜配置车场景中完成范围调节器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器范围调节器HTMLCSSJavaScript
打开运行
0922基础控件与选择器

餐柜任务架评分刻度

在餐柜任务架场景中完成评分刻度:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器评分刻度HTMLCSSJavaScript
打开运行
0938基础控件与选择器

宠物角分段选择器

在宠物角场景中完成分段选择器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器分段选择器HTMLCSSJavaScript
打开运行
0947基础控件与选择器

播客录音间偏好开关矩阵

在播客录音间场景中完成偏好开关矩阵:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器偏好开关矩阵HTMLCSSJavaScript
打开运行
0963基础控件与选择器

读书会日期快速选择

在读书会场景中完成日期快速选择:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器日期快速选择HTMLCSSJavaScript
打开运行
0972基础控件与选择器

演出签到台颜色样本选择

在演出签到台场景中完成颜色样本选择:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器颜色样本选择HTMLCSSJavaScript
打开运行
0988基础控件与选择器

演出控制台双值区间控制

在演出控制台场景中完成双值区间控制:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器双值区间控制HTMLCSSJavaScript
打开运行
0997基础控件与选择器

演出演示屏筛选标签组

在演出演示屏场景中完成筛选标签组:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器筛选标签组HTMLCSSJavaScript
打开运行
1013基础控件与选择器

演出展示架数值步进器

在演出展示架场景中完成数值步进器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器数值步进器HTMLCSSJavaScript
打开运行
1022基础控件与选择器

演出休息台方案卡片选择

在演出休息台场景中完成方案卡片选择:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器方案卡片选择HTMLCSSJavaScript
打开运行
1038基础控件与选择器

演出方案板范围调节器

在演出方案板场景中完成范围调节器:包含真实内容、可操作控件、清晰状态反馈和跨尺寸布局。

基础控件与选择器范围调节器HTMLCSSJavaScript
打开运行