【Colab】Colab还能这样做交互式编程?

前言

前面我们对 Colab 有基本了解,知道它是由 Google 提供的免费云端 Jupyter Notebook 环境。最近无意间看到Colab还有更有意思的用法,可以直接进行表单交互,下面直接看效果图

其实这个不是什么高级的操作,只是 Colab 中提供的表单功能,添加完表单字段后可以以UI表单形式展示。

创建Colab表单

正常创建完一个笔记文档后【添加表单字段】是置灰不能点的,因为还没有创建表单。这时需要点击【+代码】创建一个代码块

在代码块上右键点击【添加表单】

创建完表单可以看到展示效果如下

Colab表单操作

表单字段类型

在表单代码块中右键 -> 【表单】->【添加表单字段】

会弹出如下界面

指定表单元素的类型支持以下4种类型:

  • input:输入框
  • dropdown:下拉菜单
  • slider:滑块
  • markdown:markdown文本

变量类型支持以下6种类型:

  • boolean:布尔值True|False
  • date:日期
  • integer:整数
  • number:数值
  • raw:原始数据
  • string:字符串

input输入框

表单字段选择【input】, 类型选择【string】

输入表单变量名称和占位符信息

配置完成后,点击【保存】,效果预览如下:

输入的内容会自动关联到表单字段上

上面是Input输入框的字符串类型,Input输入框其他类型的配置类似,大致效果如下:

表单字段选择【dropdown】, 类型选择【string】

dropdown预览效果如下:

Slide

表单字段选择【slider】

slider字段可以配置 变量名称、最小值、最大值 和 步长

slider预览效果如下:

Markdown

表单字段选择【markdown】,输入markdown格式内容

markdown预览效果如下:

案例展示

了解了Colab表单的基本功能后,我们自然而然的会想到一些应用场景,比如 输入类的功能,Hugging Face的AIGC功能,都是一个不错的选择。

我们可以做动态表单应用

可以做条件选择类表单

可以添加富文本内容描述

与Hugging Face结合也可以做文生图表单

友情提示

见原文:【Colab】Colab还能这样做交互式编程?

本文同步自微信公众号 "程序员小溪" ,这里只是同步,想看及时消息请移步我的公众号,不定时更新我的学习经验。

相关推荐
嵌入式小企鹅4 天前
UiPath推出AI编程“总指挥台”,SiFive发布RISC-V第三代猛兽
人工智能·学习·google·程序员·ai编程·risc-v·开源工具
黄林晴8 天前
Google 官方 Skill 上线,Agent 开发迎来标准化
google·agent
YF021116 天前
彻底解决Android非SDK接口绕过限制的深度实践
android·google·app
kyriewen1 个月前
智能体走向“企业操作系统”,Google 扔出五把钥匙
google·agent·ai编程
Rubin智造社1 个月前
04月23日AI每日参考:Google推出AI芯片挑战Nvidia,Workspace升级AI助手
google·nvidia·视频生成·ai芯片·ai助手·workspace·安全治理
OpenBayes贝式计算1 个月前
教程上新丨一键部署Gemma 4 31B,最高256K上下文,能力媲美Qwen3.5 397B
google·开源·llm
yuntier1 个月前
Antigravity 登录失败怎么排?从 Account not eligible 到 oauth-success`的实操修复
google
Mac的实验室1 个月前
(2026年最新)解决谷歌账号注册设备扫码短信发送失败无法验证难题(100%通过无需扫码验证)
android·google·程序员
晨欣1 个月前
单卡 48GB 实测:Gemma 4 26B A4B、Gemma 4 31B、gpt-oss-20b 三模型部署与并发对比
google·openai·nvidia·vllm·llama.cpp·gpt-oss-20b·gemma4
天工开物开源基金会1 个月前
Google重磅发布Gemma 4:Apache 2.0许可证带来的开源“权力转移“
google·gemma