当前位置: 首页 > news >正文

【Javascript网页设计】在线测验案例

代码如下:

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在线测验</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="quiz-container">
        <h1>📖 在线测验</h1>
        <form id="quizForm">
            <div class="question">
                <p>1. HTML 的全称是什么?</p>
                <label><input type="radio" name="q1" value="A"> A) Hyper Trainer Marking Language</label><br>
                <label><input type="radio" name="q1" value="B"> B) Hyper Text Markup Language</label><br>
                <label><input type="radio" name="q1" value="C"> C) High Tech Modern Language</label><br>
            </div>
            <div class="question">
                <p>2. JavaScript 主要用于?</p>
                <label><input type="radio" name="q2" value="A"> A) 服务器端编程</label><br>
                <label><input type="radio" name="q2" value="B"> B) 样式美化</label><br>
                <label><input type="radio" name="q2" value="C"> C) 网页交互</label><br>
            </div>
            <button type="submit">提交答案</button>
        </form>
        <div id="re

http://www.dtcms.com/a/61802.html

相关文章:

  • 知识增强篇:RAG技术
  • Qt从入门到入土(九) -model/view(模型/视图)框架
  • DirectX12(D3D12)基础教程四 入门指南
  • C#实现高性能异步文件下载器(支持进度显示/断点续传)
  • 基于PyTorch的深度学习——机器学习3
  • 为什么Dex2C会影响性能?(面试题)
  • gitsubtree怎么添加新的子仓库
  • 超分之DeSRA
  • 侯捷 C++ 课程学习笔记:STL标准库与泛型编程
  • Vue主流的状态保存框架对比
  • 下载以后各个软件或者服务器的启动与关闭
  • C#常用的循环语句
  • 刷leetcode hot100--动态规划3.9
  • prompt大师高效提示词解析
  • 《算法笔记》8.1小节——搜索专题->深度优先搜索(DFS)问题 A: 【递归入门】全排列
  • [pytest] 配置
  • 中国信通院安全所青藤云安全联合牵头:容器安全评价新标准正式发布
  • Oxidized收集H3C交换机网络配置报错,not matching configured prompt (?-mix:^(<CD>)$)
  • prompt样例库推荐
  • 《领导力21法则》第一章「盖子法则」笔记
  • 自动运维部署工具实现
  • Python Flask 在网页应用程序中处理错误和异常
  • MySQL配置文件my.cnf和mysql.cnf、mysqld.cnf的区别
  • 【算法】二叉树的递归遍历
  • 【Axure资料】110套优质可视化大屏模板+图表组件+科技感元件等
  • Filebeat收集nginx日志到elasticsearch,最终在kibana做展示。
  • 绪论数据结构基本概念(刷题笔记)
  • Docker数据管理,端口映射与容器互联
  • 华为hcia——Datacom实验指南——三层交换和ARP的工作原理
  • 【愚公系列】《AI Agent技术、应用与商业》003-Al Agent 的分类方式