st.form should create proper <form> element (with "enter to submit" support)

From a user request here: https://discuss.streamlit.io/t/enter-key-press-to-submit-st-form/16939

The request is correct: we don’t currently use <form> tags in st.form HTML output. We should consider it!

---

Community voting on feature requests enables the Streamlit team to understand which features are most important to our users.

If you’d like the Streamlit team to prioritize this feature request, please use the 👍 (thumbs up emoji) reaction in response to the initial post.

[frankhuurman]

Not sure how this would work as there can be several submit buttons in the same form

This could be solved by either manually setting a property to the st.form_submit_button to respond to the Enter key input(like st.form_submit_button(label=“Submit”, listen=True) or main=True, enter_to_submit=True… naming things is hard. Throwing an exception if multiple submit buttons in the form have this value set to True.

Or we grab the last entry of all submit buttons in a specific form and always assign that button as the designated listener for the Enter key input.

For now as a workaround you can use 2 more Tabs + Enter to submit (when currently in your final text_input).

[dectoplate]

“Enter to submit” is very important in a form.