用记事本写一个可以在网页打开的调查问卷j代码
时间: 2024-11-15 20:27:05 浏览: 8
Android代码-使用Kotlin实现的一个简单的记事本App
创建一个能在网页上打开的调查问卷通常涉及到HTML、CSS和JavaScript的组合,因为它们分别负责页面结构、样式和交互功能。下面是一个简单的例子,展示了一个基础的HTML表格形式的调查问卷:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>在线调查问卷</title>
<style>
body {
font-family: Arial, sans-serif;
}
form {
width: 400px;
margin: auto;
}
input[type="text"], textarea {
width: 100%;
padding: 5px;
margin-bottom: 10px;
}
button {
background-color: #4CAF50;
color: white;
border: none;
cursor: pointer;
}
</style>
</head>
<body>
<h1>在线调查问卷</h1>
<form id="survey-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>
<label for="comments">您的意见:</label>
<textarea id="comments" name="comments"></textarea><br><br>
<button type="submit">提交</button>
</form>
<script>
document.getElementById('survey-form').addEventListener('submit', function(event) {
event.preventDefault(); // 阻止表单默认提交行为
const formData = new FormData(this); // 获取表单数据
console.log("提交的数据:", formData);
// 这里你可以选择发送到服务器(AJAX请求),或者直接显示在页面上展示给用户看
});
</script>
</body>
</html>
```
这个代码创建了一个包含姓名、邮箱和评论字段的简单表单。当用户点击提交按钮时,表单数据会被打印到浏览器的开发者工具中。实际应用中,你需要添加服务器端逻辑来处理这些数据。
阅读全文