Foundation 开关2

简介: 通过使用 `.radius` 和 `.round` 类,可以轻松创建不同样式的圆角切换开关。示例展示了基础、圆角及圆形三种样式。此外,还可以通过设置单选按钮(确保 `name` 属性相同)来实现开关组功能,便于用户在多个选项间选择。

圆角切换开关
使用 .radius 和 .round 类来设置圆角切换开关:

实例

...

...

...

尝试一下 »
开关组
可以通过设置单选按钮(radio)来设置单个选项。注意: 注意各个选项的 name 属性必须一致 (实例中为 "myGroup" )。

实例








尝试一下 »
相关文章
|
存储 监控 网络协议
在Linux中,什么是SAN和NAS存储?
在Linux中,什么是SAN和NAS存储?
|
移动开发 JavaScript 前端开发
基于canvas的jQuery图片剪裁插件
imageResizer是一款基于canvas的jQuery图片剪裁插件。它使用简单,可以基于HTML5 canvas实现图片的平移和剪裁。
|
SQL 网络安全 UED
深入探索研究Ruby CGI 编程
【10月更文挑战第1天】
154 0
|
安全 关系型数据库 MySQL
Grafana如何接入mysql数据库
Grafana如何接入mysql数据库
MIKE 21 教程 2.1水动力模型介绍
前面的第一章节相关博文中,我们讲解了MIKE21入门操作与网格文件的制作,接下来进入第二章节,水动力模型。
|
移动开发 运维 Cloud Native
多端低代码开发平台魔笔:教你1小时搭建代办事项管理平台
本实验将介绍如何通过多端低代码开发平台魔笔实现1小时快速搭建应用,本次实验以搭建代办事项管理平台为例,让用户更好的了解并体验魔笔。
573 0
|
存储 开发框架 安全
在 C# 中使用 Span<T> 和 Memory<T> 编写高性能代码
在 C# 中使用 Span 和 Memory 编写高性能代码 .NET 中支持的内存类型 .NET Core 2.1 中新增的类型 访问连续内存: Span 和 Memory Span 介绍 C# 中的 Span Span 和 Arrays Span 和 ReadOnlySpan Memory 入门 ReadOnlyMemory Span 和 Memory 的优势 连续和非连续内存缓冲区 不连续的缓冲区: ReadOnly 序列 实际场景 Benchmarking 基准测试 安装 NuGet 包 Benchmarking Span 执行基准测试 解读基准测试结果 Span 限制 结论
645 0
|
安全 Java 编译器
Java中的 向上转型 | 向下转型
Java中的 向上转型 | 向下转型
269 0
|
存储 编译器 C++
【C++修炼之路】类和对象(中)—— 筑基篇2
【C++修炼之路】类和对象(中)—— 筑基篇
209 0
【C++修炼之路】类和对象(中)—— 筑基篇2