Как иметь кнопку загрузки на <form></form>

Question

Flask / Python, HTML, CSS
Привет, у меня проблемы с изменением кнопки отправки на кнопку с анимацией загрузки после нажатия, как эта https://codepen.io/loadingio/pen/xJvgJd
(у меня есть толькоCSS, HTML и Python)

Это работает:

<form action="/output" method="post">
    <textarea rows="4" cols="50" type="text" name="first_name"></textarea>
    <p></p>
    <button> Submit </button>
</form>

Это не работает:

<form action="/output" method="post">
    <textarea rows="4" cols="50" type="text" name="first_name"></textarea>
    <p></p>
    <div class="btn ld-ext-right"
    onclick="this.classList.add('running');" > <button> Submit</button>
    <div class="ld ld-ball ld-bounce"></div></div>
</form>

Я предполагаю, что классы div не могут бытьдобавлена ​​кнопка, используемая в форме?Как я могу иметь форму / что-то для ввода и кнопку загрузки?Спасибо

Answer 1

попробуйте это:

<form action="/output" method="post" id="formID">
    <textarea rows="4" cols="50" type="text" name="first_name"></textarea>
    <p></p>
    <div class="btn ld-ext-right"
    onclick="this.classList.add('running');" > <button form="formID" type="submit"> Submit</button>
    <div class="ld ld-ball ld-bounce"></div>
</form>