制作体育作业卡可以按照以下步骤来,确保内容清晰、实用,方便学生进行体育锻炼和学习。HTML格式的展示如下:
```html
.card {
border: 1px solid ccc;
padding: 10px;
marginbottom: 15px;
borderradius: 5px;
backgroundcolor: f2f2f2;
}
.header {
fontweight: bold;
marginbottom: 5px;
}
.content {
padding: 10px;
lineheight: 1.5;
}
// 假设这是提交按钮的点击事件
document.getElementById('submitBtn').addEventListener('click', function() {
// 在这里,你可以将输入内容保存到数据库或者发送给教师
// 示例:将数据保存到本地
const projectName = document.getElementById('projectName').value;
const date = document.getElementById('date').value;
const activityDetails = document.getElementById('activityDetails').value;
const notes = document.getElementById('notes').value;
// 创建一个包含所有信息的HTML结构
const cardContent = `
项目名称: ${projectName}
日期: ${date}
活动内容: ${activityDetails}
注意事项: ${notes}
`;// 在这里,你可以用JavaScript处理数据,比如发送邮件或者保存到服务器
// 示例:将内容显示在新标签页
window.open('about:blank', '_blank', 'width=500, height=300', 'replace');
alert('作业已提交,查看新窗口查看详情。');
});