46、网页表单创建实战指南

网页表单创建实战指南

1. 案例一：体育博客评论表单创建

1.1 背景介绍

体育爱好者 Steve Lavent 正在打造一个名为 Sblogger 的网站，该网站将包含体育界的文章和评论。我们的任务是为用户提交对文章的评论设计一个表单原型，并包含 HTML 代码和 CSS 样式来验证用户输入。

1.2 操作步骤

1. 文件准备 ：
   • 在文本编辑器中，打开 tutorial.06\case1 文件夹中的 sblogtxt.htm 和 commtxt.css 文件。
   • 在文件的注释部分输入你的姓名和日期。
   • 将文件分别保存为 sblogger.htm 和 comments.css 。
2. 链接样式表 ：在 sblogger.htm 文件中，将其链接到 comments.css 样式表。
3. 插入表单 ：滚动到 h2 标题 “Post Your Comments” 下方，插入一个表单元素，使用 post 方法， action 属性设置为 www.sblogger/cgi-bin/s