Homework 1

任务 1：分析Lab中的CSS选择器和样式

问题描述：请仔细阅读Lab中的代码，分析CSS是如何设置样式的，以及每个选择器如何操作对应的HTML元素。

供您参考的思考点：

• body 和 form 标签的样式是如何设置的？
• label、input 和 button 的样式分别做了哪些操作？

解答： 请在你的答案中说明2个CSS选择器（例如body、form等）是如何选中页面元素并应用样式的，并解释设置了哪些样式属性（例如margin、padding等）。

---

任务 2：为表单添加JS功能，实现点击提交按钮后弹出感谢信息

问题描述：修改Lab中的代码，添加一个按钮点击事件。当用户点击提交按钮时，使用JavaScript弹出一个提示框，显示“谢谢填写！”。

步骤：

1. 在HTML文件的 <script> 标签中添加JavaScript代码。
2. 使用 addEventListener 监听提交按钮的点击事件。
3. 当用户点击按钮时，弹出提示框。

提示：核心代码如下，您可以参考：

  event.preventDefault();
  alert("谢谢填写！");

---

任务 3：截图

问题描述：完成任务2后，打开你修改过的 survey.html 文件，在浏览器中填写表单并点击提交按钮。你应该看到弹出“谢谢填写！”的提示框。截图并保存图片。