我如何做到这一点,以便当有人按下“提交”时清除表格?

时间:2020-06-22 16:34:01

标签: html css forms button submit

我有一个使用HTML和CSS创建的网站。在其中,我有一个联系表。我并没有真正使用此表格,因此我不需要它来实际将输入的数据发送给我,但是当有人按下提交时,我确实需要它来清除表格。我正在使用的代码是:

B = networkx.Graph()
B.add_nodes_from([1,2,3,4], bipartite=0) # Add the node attribute "bipartite"
B.add_nodes_from(['abc','bcd','cef'], bipartite=1)
B.add_edges_from([(1,'abc'), (1,'bcd'), (2,'bcd'), (2,'cef'), (3,'cef'), (4,'abc')])

top = networkx.bipartite.sets(B)[0]
pos = networkx.bipartite_layout(B, top)
networkx.draw(B, pos=pos, with_labels=True, node_color=['green','green','green','green','blue','blue','blue'])
plt.show()

2 个答案:

答案 0 :(得分:0)

首先,将所有内容添加到表单标签中,然后像这样在脚本标签或JavaScript文件中使用reset()方法:

document.getElementById("myForm").reset();

答案 1 :(得分:0)

如果您使用的是任何框架,那么我认为这应该有助于在使用js提交后将字段设置为空字符串。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    <div class="form" id="myForm">
                <div class="form-group">
                    <input type="text" id="fullName" placeholder="Your name">
                    <label for="fullName">Your name</label>
                </div>

                <div class="form-group">
                    <input type="email" id="email" placeholder="Your email">
                    <label for="email">Your email</label>
                </div>

                <div class="form-group">
                    <textarea name="message" id="message" placeholder="Message"></textarea>
                    <label for="message">Message</label>
                </div>

                <div class="spacer10"></div>

                <div class="center-btn-wrapper">
                    <button type="submit" class="btn" onclick="clearForm()">Send</button>
                </div>
         </div>
</body>
</html>
<script>
function clearForm(){
  document.getElementById('fullName').value = '';
  document.getElementById('email').value = '';
  document.getElementById('message').value = '';
}
</script>