Question

我正在开发一个使用简化软件的网站,我正在使用<密码>_input功能。

When I am trying to input some data to the input text it always shows a grey tip "Press enter to apply". I added the below js code to prevent any action if the user presses enter by mistake since i will be using a submit button:

js_code = """
<script>
document.querySelector( .stTextInput ).addEventListener( keydown , function(e) {
if (e.keyCode === 13) { // 13 is the Enter key
            e.preventDefault();
}
});
</script>
"""

st.markdown(js_code, unsafe_allow_html=True)

如果任何人能够帮助我清除这一拖车,那么用户不会因无用活动而进入或失去时间,就会受到高度赞赏。

Answer 1

MathCatsAnd建议, 您可使用st.forms/code><<><><><>>><>>>t>>>><<<>>>>>>>>>><<<>>>>>>>>>>>>>>><<<<>>>>>>>>>>>>>>>>>>>>>>>>>><>>>>>>><>>>>>><>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><>>>>><>>>>>>< 它规定:


import streamlit as st

with st.form("formid"):
    text = st.text_input("Write some text:")

    # Columns to center the Submit button
    cols = st.columns(7)
    with cols[3]:
        submitted = st.form_submit_button("Submit")
        
    if submitted:
        st.write(f"Text: {text}")


In order to center the "Submit" button, you can use st.columns and write in the middle one (cols[3]).

Answer 2

引言

    hide_menu_style = """
        <style>
        [data-testid="InputInstructions"] { display:None }
        </style>
        """
    st.markdown(hide_menu_style, unsafe_allow_html=True)

友情链接