温馨提示：这篇文章已超过239天没有更新，请注意相关的内容是否还可用！
1、要实现点击按钮弹出form的效果，我们可以使用JavaScript来操作DOM元素。我们需要为按钮添加一个点击事件的监听器。当按钮被点击时，我们可以通过修改form的样式属性来控制其显示或隐藏。
示例代码如下：
HTML部分：
<button id="btn">点击按钮</button>
<form id="myForm" style="display: none;">
<input type="text" placeholder="请输入内容">
<button type="submit">提交</button>
</form>
JavaScript部分：
// 获取按钮和form元素
var btn = document.getElementById('btn');
var form = document.getElementById('myForm');
// 为按钮添加点击事件的监听器
btn.addEventListener('click', function() {
// 切换form的显示状态
if (form.style.display === 'none') {
form.style.display = 'block';
} else {
form.style.display = 'none';
}
});
2、上述代码中，我们首先通过`document.getElementById`方法获取了按钮元素和form元素，并将它们分别赋值给变量`btn`和`form`。然后，我们使用`addEventListener`方法为按钮添加了一个点击事件的监听器。当按钮被点击时，监听器中的回调函数会被执行。
在回调函数中，我们通过判断form元素的`style.display`属性的值来决定form的显示或隐藏状态。初始状态下，我们将form的`display`样式设置为`none`，即隐藏状态。当按钮被点击时，如果form的`display`样式为`none`，则将其设置为`block`，即显示状态；如果form的`display`样式为`block`，则将其设置为`none`，即隐藏状态。
这样，当我们点击按钮时，form的显示状态会在显示和隐藏之间切换。
