在许多web应用程序中，开发人员经常需要使用表单来接收用户提供的信息。不过，有时候我们需要隐藏表单，例如在网页的头部或底部放置一个按钮，用户点击后自动弹出表单。本文将介绍如何使用javascript来隐藏表单。
隐藏表单的第一步是设置表单的display属性为“none”。这样表单就不会被显示在页面上。下面是一个例子，其中HTML表单被设置为display:none：
<form id="myForm" style="display:none;"> <!-- 表单内容 --> </form>
使用JavaScript来隐藏表单是很容易的。我们只需使用getElementById（）方法获取表单，并将其样式设置为“none”。在本例中，我们设置表单的id为“myForm”：
document.getElementById("myForm").style.display = "none";可以看到，我们只需将样式display设置为none，就可以实现表单的隐藏。注：如果在使用这个方法之前，表单尚未完全加载，那么这个方法会有问题。在这种情况下，我们可以使用window.onload方法来保证表单被完全加载后才执行隐藏表单的代码。
在HTML中，您可以设置一个按钮或链接来显示或隐藏表单。以下是使用JavaScript和HTML来实现这个功能的示例：
立即学习“Java免费学习笔记（深入）”；
网趣网上购物系统支持PC电脑版+手机版+APP，数据一站式更新，支持微信支付与支付宝支付接口，是专业的网上商城系统，网趣商城系统支持淘宝数据包导入，实现与淘宝同步更新!支持上传图片水印设置、图片批量上传功能，同时支持订单二次编辑以及多级分类隐藏等实用功能，新版增加商品大图浏览与列表显示功能，使分类浏览更方便，支持最新的支付宝即时到帐接口。
HTML：
<a href="#" onclick="toggleForm()">点击这里来填写表单</a> <form id="myForm" style="display:none;"> <!-- 表单内容 --> </form>
JavaScript：
function toggleForm() {
var form = document.getElementById("myForm");
if (form.style.display === "none") {
form.style.display = "block";
} else {
form.style.display = "none";
}
}代码分析：
- 在HTML代码中，我们使用一个链接来触发JavaScript函数toggleForm()。通过点击链接，我们可以在页面的任何部分显示或隐藏表单。
- JavaScript代码中，我们定义了名为toggleForm（）的函数，它将根据表单的当前状态来更改其样式。
- 如果该表单已隐藏（样式为“none”），我们将样式更改为“block”，这样表单就会被显示出来。
- 如果该表单已显示（样式不是“none”），我们将样式更改为“none”，这样表单就会被隐藏起来。
总结：
使用JavaScript隐藏表单可以很容易地实现表单的隐藏和显示。通过简单的HTML和JavaScript代码，您可以在网页的任何部分显示或隐藏表单。在例如登陆框等实现过程中，这个小技巧是非常有用的。
