[英]Hide Form in HTML using Javascript
单击提交按钮后,我一直试图隐藏表单。 我已经谷歌搜索并关注了一些,但它们似乎对我不起作用。
这是我的代码:
HTML:
<div id="wrapper">
<form name="regForm" id="regForm" action="indexSave.php" method="post">
<table width="100%" border="0">
<tr>
<td colspan="2"> <center> Registration Form </center> </td>
</tr>
<tr>
<td width="23%"> Name</td>
<td width="33%"> <input type="text" name="name" /> </td>
</tr>
<tr>
<td> Email Address</td>
<td> <input type="text" name="email" /></td>
</tr>
<tr>
<td> Contact Number</td>
<td> <input type="text" name="number" /></td>
</tr>
<tr>
<td> Message</td>
<td width="100"> <textarea name="msg"> </textarea> </td>
</tr>
<tr>
<td> <input onclick="myClick()" name="submit" id="submit" type="submit" value="Submit" /> </td>
<td> </td>
</tr>
</table>
</form>
</div>
而我的Javascript:
<script type="text/javascript">
function myClick()
{
var me = document.getElementById("wrapper").visibility="false";
}
</script>
我也尝试过这个(通过此链接 )
var me = document.getElementById("regForm").style.display="none";
请帮助我找出问题所在?
您只需要:
function myClick(){
var form = document.getElementById("regForm");
form.style.display = "none";
}
document.getElementById("regForm").style.display="none";
足以隐藏regForm
。 尝试将<script>
放在<head>
。
如果只需要隐藏,则可以用这段很小的代码来实现:
<form onsubmit="this.style.display='none'" name="regForm" id="regForm" action="indexSave.php" method="post">
当按下[enter]时,它也将隐藏表格。
这段代码隐藏了表单,重新组织了其他元素:
<script type="text/javascript">
var form = document.getElementById("regForm");
function myClick(){
form.style.display = "none";
}
</script>
此代码仅使其不可见,因此,如果上面的代码使布局混乱,请使用它:
<script type="text/javascript">
var form = document.getElementById("regForm");
function myClick(){
form.style.visibility = "hidden";
}
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.