近期在制作MVC实例教学课件中，选择使用了在线考试作为题材进行页面的设计，在线考试主要提供单项选择题，用户点击选择项之后提交服务器端。页面布局时使用了复选按钮进行了选项的设置。本文主要讨论分组复选框模拟实现单选功能。
实现效果
本例设计使用复选按钮模拟单选按钮主要原因是出于页面的美观。考试页面需要将复选按钮按照题目进行分组，并且针对同一题目只允许选择一个，即模拟实现单选功能。设计页面效果如下图：
2024年10月27日
近期在制作MVC实例教学课件中，选择使用了在线考试作为题材进行页面的设计，在线考试主要提供单项选择题，用户点击选择项之后提交服务器端。页面布局时使用了复选按钮进行了选项的设置。本文主要讨论分组复选框模拟实现单选功能。
本例设计使用复选按钮模拟单选按钮主要原因是出于页面的美观。考试页面需要将复选按钮按照题目进行分组，并且针对同一题目只允许选择一个，即模拟实现单选功能。设计页面效果如下图：
2024年10月27日
<!DOCTYPE>声明位于位于HTML文档中的第一行，处于 <html>标签之前。告知浏览器的解析器,用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。
标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。
2024年10月27日
一.什么是HTML
HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言: HyperText Markup LanguageHTML 不是一种编程语言，而是一种标记语言标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 文档包含了HTML 标签及文本内容HTML文档也叫做 web 页面
2024年10月27日
多选框（checkbox）用于可多选的情况，单选框（radio）则只能选择一个。在普通的HTML中，checkbox、radio在和<label>等标签配合时会出现对齐的问题，Bootstrap很好地解决了这个问题，代码如下：
单选框和多多选框效果图
实现代码
上面的代码中我们将input标签都包含在了label中，强制其在一行，但是很多情况下我们不建议这么做。一般一个<label>中包含一个元素，如果遇到多个<label>标签则会垂直显示内容。Bootstrap中提供了几个样式类，如class="checkbox-inline"、class="radio-inline"，可以使checkbox和radio显示在一行，代码如下：
2024年10月27日
1、html()方法：如果想更改或者是设置 HTML 的内容，我们可以使用 html()方法，首先我们先使用这个方法获取元素里面的内容 var html=$("p").html()。如果需要设置某元素的 HTML 代码，那么我们就可以使用此方法加上一个参数。此方法只能应用于 XHTML 中，不能用于 xml。
2024年10月27日
编辑导语：如何针对具体场景选择合适的组件，是web表单设计中的常见问题。那么，你知道开关、单选、复选框等组件的适用场景该如何选择吗？本篇文章里，作者就该问题做了详细解答，一起来看一下吧。
在web表单设计中，我们会经常遇到在开关、单选、复选框三个组件的选择使用上纠结，特别是只有两种状态下，比如开启/关闭、启用/关闭、显示/隐藏、同意/不同意、默认/自定义……
2024年10月27日
实例
带有两个输入字段和一个提交按钮的 HTML 表单：
<form action="demo_form.php" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="提交">