Question

单击提交按钮后，我一直在尝试隐藏表单。我用google搜索并跟踪了一些，但它们似乎不适合我。

这是我的代码：

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%">&nbsp; Name</td>
    <td width="33%">&nbsp; <input type="text" name="name"  /> </td>
   </tr>
   <tr>
    <td>&nbsp; Email Address</td>
    <td>&nbsp;  <input type="text" name="email"  /></td>
   </tr>
   <tr>
    <td>&nbsp; Contact Number</td>
    <td>&nbsp;  <input type="text" name="number"  /></td>
   </tr>
   <tr>
    <td>&nbsp; Message</td>
    <td width="100">&nbsp; <textarea name="msg"> </textarea> </td>
   </tr>
   <tr>
    <td>&nbsp;  <input onclick="myClick()" name="submit" id="submit" type="submit" value="Submit"  /> </td>
    <td>&nbsp;</td>
  </tr>
</table>
</form>
</div>

我的Javascript：

<script type="text/javascript">
    function myClick() 
    {
        var me = document.getElementById("wrapper").visibility="false";
    }
</script>

我也试过这个（来自this link）

var me = document.getElementById("regForm").style.display="none";

请帮我弄清楚出了什么问题？

Answer 1

你只需要：

function myClick(){
     var form = document.getElementById("regForm");
     form.style.display = "none";
}

<强> DEMO

Answer 2

document.getElementById("regForm").style.display="none";

足以隐藏regForm。尝试将<script>放入<head>。

Answer 3

如果你想要隐藏，你可以使用这个非常小的代码：

<form onsubmit="this.style.display='none'" name="regForm" id="regForm" action="indexSave.php" method="post">

按下[enter]时，它也会隐藏表格。

Answer 4

此代码隐藏表单，重新组织其他元素：

<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>

使用Javascript在HTML中隐藏表单

4 个答案: