Streamlit text_input随机占位符导致用户输入无法显示的问题求助

问题概述 #

使用静态占位符时text_input组件正常工作，但切换为随机占位符后，用户输入内容点击按钮后无法显示——点击"Greet"按钮后始终输出please enter input，期望能正常显示Hello, [user input]。

问题代码 #

import streamlit as st
import random

placeholders = ["Enter your name", "Type your message", "Say something", "What's on your mind?"]

# Get user input with a random placeholder
user_input = st.text_input("Enter your input:", placeholder=random.choice(placeholders), key='name')

# Create a button to print the user input
if st.button("Greet"):
    if user_input:
        st.write(f"Hello, {user_input}")
    else:
        st.write("please enter input")

问题原因 #

Streamlit的组件状态依赖于组件的key和参数维持。每次点击按钮触发页面刷新时，random.choice(placeholders)会生成新的随机占位符，导致text_input组件的参数发生变化，Streamlit会将其识别为全新组件，进而丢失之前的用户输入状态。

解决方法 #

将随机占位符的生成逻辑绑定到会话状态（st.session_state），确保同一会话内占位符保持固定，避免组件参数频繁变化：

修复后的代码 #

import streamlit as st
import random

placeholders = ["Enter your name", "Type your message", "Say something", "What's on your mind?"]

# 初始化会话状态中的占位符，仅在会话启动时生成一次
if "random_placeholder" not in st.session_state:
    st.session_state.random_placeholder = random.choice(placeholders)

# 使用会话状态中固定的随机占位符
user_input = st.text_input("Enter your input:", placeholder=st.session_state.random_placeholder, key='name')

if st.button("Greet"):
    if user_input:
        st.write(f"Hello, {user_input}")
    else:
        st.write("please enter input")

可选扩展：支持手动刷新占位符 #

如果需要让用户可以重新获取随机占位符，可添加重置按钮：

# 添加重置占位符按钮
if st.button("Refresh Placeholder"):
    st.session_state.random_placeholder = random.choice(placeholders)
    st.rerun()

调试环境信息 #

• streamlit==1.37.0
• Python 3.11.7

内容的提问来源于stack exchange，提问作者Ratnapal Shende