我在我的HTML页面的顶部有一个表单,我希望在提交表单后消失。我的代码(下面)虽然暂时隐藏了表单,但坚持要再次成形。任何帮助,将不胜感激。如何在JavaScript中使表单在提交时消失
感谢,
欧文·沃克
<!DOCTYPE html>
<html>
<body>
<form id="form" onsubmit="myFunction()">
Enter name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
<div id="first_div" style="visibility:hidden">Second</div>
<script>
function myFunction() {
alert("The form was submitted");
document.getElementById("form").style.display = "none";
document.getElementById("first_div").style.visibility = "visible";
alert("after");
}
</script>
</body>
</html>
谢谢!这两个改变完美运作。 (不知道为什么。) –
因为要停止提交事件,您需要返回false。 – j08691