写一个弹出表单
时间: 2023-07-15 08:15:29 浏览: 40
好的,这里给您提供一个简单的弹出表单示例:
HTML代码:
```
<button onclick="showForm()">打开表单</button>
<div id="formContainer" style="display:none;">
<form>
<label for="name">姓名:</label><br>
<input type="text" id="name" name="name"><br>
<label for="email">邮箱:</label><br>
<input type="email" id="email" name="email"><br>
<label for="message">留言:</label><br>
<textarea id="message" name="message"></textarea><br><br>
<input type="submit" value="提交">
</form>
</div>
```
JavaScript代码:
```
function showForm() {
document.getElementById("formContainer").style.display = "block";
}
```
当用户点击“打开表单”按钮时,上述代码会将 id 为 "formContainer" 的 div 元素的样式属性 display 设为 "block",从而显示表单。
您可以根据需要修改表单的 HTML 和 CSS 样式。同时,您还可以添加 JavaScript 代码来验证表单输入并处理提交操作。