单击按钮时显示新表单

单击按钮时显示新表单是一个常见的前端开发需求。在这种情况下，可以使用JavaScript和HTML来实现这个功能。以下是一个简单的示例代码：

HTML代码：

<!DOCTYPE html>
<html>
<head>
 <title>显示新表单</title>
 <style>
    .hidden {
      display: none;
    }
  </style>
</head>
<body>
 <button onclick="showForm()">单击显示新表单</button>
  <div id="newForm" class="hidden">
    <h2>新表单</h2>
    <form>
     <label for="name">姓名：</label>
     <input type="text" id="name" name="name"><br><br>
     <label for="email">邮箱：</label>
     <input type="email" id="email" name="email"><br><br>
     <input type="submit" value="提交">
    </form>
  </div>
 <script src="script.js"></script>
</body>
</html>

JavaScript代码（script.js）：

function showForm() {
  var form = document.getElementById("newForm");
  if (form.classList.contains("hidden")) {
    form.classList.remove("hidden");
  } else {
    form.classList.add("hidden");
  }
}

在这个示例中，我们使用了一个按钮来触发显示新表单的功能。当用户单击按钮时，JavaScript函数showForm()会被调用，该函数会切换表单的显示状态。我们使用了一个CSS类hidden来控制表单的显示和隐藏。

这个示例仅仅是一个简单的实现，实际应用中可能需要更复杂的逻辑和交互。但是，这个示例可以为您提供一个基本的框架，以实现单击按钮时显示新表单的功能。