HTML5 测验

在这个章节中，我们将介绍如何使用 HTML5 创建一个简单的测验页面。测验页面通常用于测试用户对特定主题的知识掌握程度，它包含一系列问题和选项，并提供用户选择答案的机会。

步骤

1. 创建一个新的 HTML 文件，命名为 quiz.html。
2. 在文件中添加以下基本结构：

// www.javascriptcn.com code example
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML5 Quiz</title>
</head>
<body>
    <h1>HTML5 Quiz</h1>
    <form id="quizForm">
        <h2>Question 1: What does HTML stand for?</h2>
        <input type="radio" name="q1" value="a"> Hyper Text Markup Language<br>
        <input type="radio" name="q1" value="b"> High Tech Markup Language<br>
        <input type="radio" name="q1" value="c"> Hot Tea with Milk and Lemon<br>
        
        <h2>Question 2: What is the latest version of HTML?</h2>
        <input type="radio" name="q2" value="a"> HTML4<br>
        <input type="radio" name="q2" value="b"> HTML5<br>
        <input type="radio" name="q2" value="c"> HTML6<br>
        
        <button type="submit">Submit</button>
    </form>
</body>
</html>

1. 在上面的代码中，我们创建了一个包含两个问题的简单测验页面。每个问题都有三个选项，用户可以通过单选按钮选择答案。最后，我们添加了一个提交按钮，用户可以点击来提交答案。

2. 在浏览器中打开 quiz.html 文件，你将看到一个简单的测验页面。试着选择答案并点击提交按钮，看看会发生什么。

这就是如何使用 HTML5 创建一个简单的测验页面。你可以根据需要扩展和定制这个页面，添加更多问题和选项，以及设计更复杂的测验逻辑。祝你好运！