body {
fontfamily: Arial, sansserif;
margin: 0;
padding: 20px;
}
h1 {
textalign: center;
marginbottom: 30px;
}
form {
width: 80%;
maxwidth: 600px;
margin: 0 auto;
border: 1px solid ccc;
padding: 20px;
borderradius: 5px;
}
label {
display: block;
marginbottom: 10px;
}
input[type="text"], textarea {
width: 100%;
padding: 5px;
marginbottom: 15px;
border: 1px solid ccc;
borderradius: 3px;
}
button {
backgroundcolor: 4CAF50;
color: white;
padding: 10px 20px;
border: none;
cursor: pointer;
borderradius: 3px;
margintop: 20px;
}
button:hover {
backgroundcolor: 45a049;
}
.results {
margintop: 30px;
padding: 20px;
border: 1px solid ddd;
borderradius: 5px;
textalign: center;
}
健康问卷调查表
// 健康问卷提交后处理
document.getElementById('healthSurvey').onsubmit = function(event) {
event.preventDefault(); // 阻止表单默认提交行为
const formData = new FormData(this);
const name = formData.get('name');
const age = formData.get('age');
const gender = formData.get('gender');
const smoker = formData.get('smoker');
const alcohol = formData.get('alcohol');
const exercise = formData.get('exercise');
const diet = formData.get('diet');
const medication = formData.get('medication');
// 这里可以添加你的数据处理逻辑,例如发送到服务器或显示提示信息
// 示例:将数据存储在本地
const result = `姓名:${name}\n年龄:${age}\n...`;
document.getElementById('resultArea').innerText = result;
// 如果需要,可以在这里添加发送数据到服务器的代码
// fetch('yourserverurl', {
// method: 'POST',
// body: JSON.stringify(formData),
// headers: {
// 'ContentType': 'application/json'
// }
// });
}