你可以使用HTML和JavaScript来创建一个按钮,并使用JavaScript来控制表单的显示和隐藏。以下是一个示例代码:
HTML部分:
JavaScript部分:
document.getElementById("toggleButton").addEventListener("click", function() {
var form = document.getElementById("myForm");
if (form.style.display === "none") {
form.style.display = "block";
} else {
form.style.display = "none";
}
});
在上面的示例中,我们首先使用getElementById
方法获取到按钮和表单的元素。然后,我们为按钮添加了一个点击事件监听器,当按钮被点击时,会执行回调函数。在回调函数中,我们使用style.display
属性来控制表单的显示和隐藏。如果表单的display
属性为none
,则设置为block
,否则设置为none
。
这样,当点击按钮时,表单会在显示和隐藏之间切换。你可以根据自己的需要调整表单的样式和内容。