You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Colab笔记本中点击按钮时显示文本框?

在Colab中实现点击按钮显示文本框的方法

Colab自带ipywidgets库,直接用它就能实现点击按钮显示文本框的功能,具体代码和逻辑如下:

步骤1:导入所需组件

from ipywidgets import Button, Text, VBox, Layout

步骤2:创建初始隐藏的文本框

先定义一个文本框,通过layout参数设置初始状态为隐藏:

text_box = Text(
    value='',
    placeholder='输入内容...',
    description='文本框:',
    disabled=False,
    layout=Layout(display='none')  # 初始隐藏文本框
)

步骤3:创建按钮并绑定点击事件

创建按钮,然后写一个回调函数,点击按钮时修改文本框的显示状态:

# 创建按钮
show_button = Button(
    description='显示文本框',
    button_style='success',
    tooltip='点击显示输入框',
    icon='edit'
)

# 点击事件回调:把文本框的显示状态改为block(显示)
def show_text_box(b):
    text_box.layout.display = 'block'

# 绑定回调到按钮的点击事件
show_button.on_click(show_text_box)

步骤4:组合并显示组件

把按钮和文本框放到垂直容器里,在Colab中显示:

display(VBox([show_button, text_box]))

运行这段代码后,初始只会看到按钮,点击按钮后文本框就会立刻显示出来。

内容的提问来源于stack exchange,提问作者Ramphic

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.17 19:30:52