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 文件，在浏览器中填写表单并点击提交按钮。你应该看到弹出 “谢谢填写！” 的提示框。截图并保存图片。