使用JavaScript在HTML中隱藏表單
[英]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";
請幫助我找出問題所在？
4 個解決方案
解決方案1
0 已采納 2014-04-27 04:54:30
您只需要：
function myClick(){
var form = document.getElementById("regForm");
form.style.display = "none";
}
解決方案2
0 2014-04-27 04:58:54
document.getElementById("regForm").style.display="none";
足以隱藏regForm 。 嘗試將<script>放在<head> 。
解決方案3
0 2014-04-27 05:30:56
如果只需要隱藏，則可以用這段很小的代碼來實現：
<form onsubmit="this.style.display='none'" name="regForm" id="regForm" action="indexSave.php" method="post">
當按下[enter]時，它也將隱藏表格。
解決方案4
0 2014-04-27 05:47:50
這段代碼隱藏了表單，重新組織了其他元素：
<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 表單中另一個下拉列表的選擇的下拉選項
[英]How to hide a drop down option based on the selection of another drop down in a form in HTML using Javascript
隱藏表單提交按鈕，直到使用HTML / Javascript填充隱藏字段為止
[英]Hide form submit button until hidden field is populated using HTML/Javascript
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.