2026年春国开电大网页设计实训3 HTML表单登录与验证实践

实训3  HTML表单登录与验证实践

1. 实训目的

本实训旨在让学员掌握HTML表单的基本知识，了解表单元素的常见属性和验证方法，掌握如何使用表单实现用户登录和数据验证的功能。

2. 实训内容

本实训包括以下内容：

• HTML表单基础知识
• 表单元素的常见属性和用法
• 数据验证方法和实例
• 用户登录表单实现
• 数据验证表单实现

3. 实训要求

学员需要具备HTML基础知识，包括HTML基本结构和常用标记，能够独立编写简单的HTML网页。此外，还要求学员能够熟练掌握表单元素的基本使用方法，了解数据验证的实现原理，并能够自主完成一个基本的登录表单和数据验证表单。

4. 实训条件

（1）实验设备：计算机一台。

（2）开发工具：VisualStudio Code。

（3）其他：笔，实训报告纸。

5. 实训步骤

（1）创建HTML文档和基本页面结构

（2）添加登录表单

（3）验证表单

（4）测试表单

6. 大模型辅助实现

使用大模型来辅助生成代码可以极大地提高编码的效率，本教材采用ModelScope平台的CodeLlama34B大语言模型生成代码（网址参见实训2）。