写一段html5代码,要求如下:点击“提交问卷”后,弹窗显示“感谢您的配合!”,并跳转到指定的网页
时间: 2024-04-01 14:33:06 浏览: 71
html5分步问卷调查表模板源码
好的,以下是符合要求的HTML5代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>问卷提交页面</title>
<meta charset="UTF-8">
<script>
function submitForm() {
alert("感谢您的配合!");
window.location.href = "http://www.example.com"; //修改为你要跳转的网页地址
}
</script>
</head>
<body>
<form onsubmit="submitForm(); return false;">
<!-- 这里是你的问卷表单内容 -->
<input type="submit" value="提交问卷">
</form>
</body>
</html>
```
解释一下这段代码的作用:
1. 在 `<head>` 标签中定义了一个 JavaScript 函数 `submitForm()`,当用户点击提交按钮时会调用该函数。
2. 在表单的 `onsubmit` 属性中指定了当用户点击提交按钮时要执行的函数。
3. 在 `submitForm()` 函数中,先弹出一个提示框,显示“感谢您的配合!”,然后通过 `window.location.href` 将页面跳转到指定的网页。
4. 在表单中添加了一个提交按钮,当用户点击该按钮时会触发 `onsubmit` 事件,从而执行 `submitForm()` 函数。注意,我们在 `onsubmit` 中加上了 `return false;`,这是为了防止表单默认的提交行为,避免页面刷新。
阅读全文