Question

烧瓶/ 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>

如何具有<form> </form>的加载按钮

1 个答案: