#114: 构建评论表单

在这个视频教程中，我们将学习在 HTML/CSS 中构建评论表单。评论表单的标记位于主题的 comments.php 文件中。我们寻找 <form> 元素来找到它。

我们使用已有的网格系统来布局三个输入框（姓名、电子邮件、网址）。我们已经充分利用了它，不是吗？

我们已经有了一个专门用于评论相关内容的 CSS 文件，所以我们将在那里进行操作。我们首先编写的是让我们的网格中的输入框宽度为 100%，以确保它们适合列。Div 会自然地做到这一点，但输入框的行为更像内联块元素，不会自动填充其父容器的宽度。我们还稍微调整了一下主文本区域，使其宽度为 100%，并且不像以前那样高。我们决定不更改文本区域的大小调整功能。它并没有真正破坏任何东西。

然后，我们让“回复”链接正常工作。JavaScript 已经运行良好，因为我们没有修改 JavaScript 依赖的表单 ID。但是，我们确实需要进行一些调整，比如给表单添加灰色背景，使其设计能够正常工作。

我们用剩余的时间使用媒体查询来调整一些东西，以便表单在小屏幕上也能正常显示。