2. 文本输入与显示

任务说明

构建一个Streamlit页面,包含一个文本框输入组件,并在页面中实时显示用户当前输入的内容。当用户清空文本框时,页面显示为空或提示信息,不做额外处理。

实现方案

使用st.text_input创建单行文本框,其返回值即为用户当前输入的字符串。通过直接将返回值渲染到页面,即可实现实时显示。Streamlit的脚本执行模型会在每次控件交互时自动重跑页面,因此无需额外的事件绑定或状态管理。

代码实现

import streamlit as st

st.title("文本输入与显示")

# 创建文本框,获取用户输入
user_input = st.text_input("请输入内容:", placeholder="在这里输入文字...")

# 实时显示用户输入的内容
st.write("您输入的内容是:")
st.write(user_input)

运行方式

  1. 安装依赖:pip install streamlit
  2. 将上述代码保存为 app.py
  3. 在终端运行:streamlit run app.py

验证方法

在浏览器中打开Streamlit生成的本地地址(通常为 http://localhost:8501)。在文本框中输入任意字符,页面下方应立即同步显示相同内容;修改或删除文本框中的文字,下方显示内容随之更新。若输入中文、英文、数字或混合字符,均能正确显示,即判定通过。

Streamlit 文本输入与显示 — 数据流示意 st.text_input 用户输入字符串 返回: str 变量传递 user_input st.write 页面渲染 • 每次输入变化 → Streamlit 自动重跑脚本 → 获取新值并刷新显示 • 无需手动刷新页面或绑定回调事件

关键说明

本案例仅实现文本框输入与实时显示这一核心功能。st.text_input的返回值始终为字符串类型,即使输入数字也会以文本形式处理。若需要限制输入长度或类型,可参考Streamlit官方文档扩展参数,但当前目标不涉及这些附加功能。