Extracting inputted text from html input

🧩 Custom Components
1

How do I extract the inputted text from a text box made in HTML?
Code -

import streamlit as st
import streamlit.components.v1 as com

com.html("""
    <div id="input-container" style= " width: 100%;">
    <input type="text" style = "text-align: center; color: #fff; width: 100%; border: none; border-bottom: 2px solid #323739; background: none; font-weight: 400; font-size: 4em; padding-right: 39px;"/>
    </div>
""")

Regards.

2

Hey @Jaideep25,

An easier way to take text input from a user would be via st.text_input.

If you’d like to take text input via a custom component rather than Streamlit’s existing widgets, I’d recommend checking out this awesome blog post by @blackary that covers the process of building components.

3

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.