首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在Streamlit中创建带有超链接的按钮?

如何在Streamlit中创建带有超链接的按钮?
EN

Stack Overflow用户
提问于 2022-10-09 09:29:57
回答 1查看 254关注 0票数 0

我想在Streamlit中创建一个带有超链接的按钮。我想也许用st.button来使用这个语法:[Click Here](https://stackoverflow.com)。但不幸的是,这没有成功,它只显示文本,并不使它成为一个超链接。我找到了的解决办法,但这已经行不通了。我不想在超链接中使用st.markdown,因为这不会创建一个按钮。下面是一个可重复的例子:

代码语言:javascript
运行
复制
"""
# Streamlit app
"""

import streamlit as st
import pandas as pd

# Button with hyperlink
st.button('[Click Here](https://stackoverflow.com)')

输出:

如您所见,它不会创建超链接。所以我想知道是否有人知道如何在Streamlit中创建带有超链接的按钮?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-10-09 13:33:42

您可以使用markdown、abutton标记。

代码语言:javascript
运行
复制
import streamlit as st

url = 'https://stackoverflow.com'

st.markdown(f'''
<a href={url}><button style="background-color:GreenYellow;">Stackoverflow</button></a>
''',
unsafe_allow_html=True)

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/74003574

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档