在线考试html代码的简单介绍
华为云服务器特价优惠火热进行中！ 2核2G2兆仅需 38 元；4核4G3兆仅需 79 元。购买时间越长越优惠！更多配置及优惠价格请咨询客服。
合作流程： |
今天给各位分享在线考试html代码的知识，其中也会对进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
微信号：cloud7591如需了解更多，欢迎添加客服微信咨询。
复制微信号
本文目录一览：
- 1、急求html选择题代码怎么写
- 2、用html做一个选择题考试系统
- 3、开发简单的在线考试程序，包括单选和多选各5道，单击【交卷】按钮后就可以根据标准答案在线给出评分。
- 4、如何用WEB进行编写简单的在线考试系统？
- 5、求助！！HTML源代码！要求可以实现在线答题，且为多项选择题的源码！
- 6、在线答题的HTML代码 选择题，多选，点击提交后能提示对错
急求html选择题代码怎么写
!doctype html
html lang="en"
head
meta charset="UTF-8"
meta name="Generator" content="EditPlus®"
meta name="Author" content=""
meta name="Keywords" content=""
meta name="Description" content=""
script type="text/javascript"
!--
window.i =0;
window.maxCount =10;//题目总数10
function nextChoice () {
i++;
if(i=maxCount)
document.getElementById("contentDiv").innerHTML="当前第"+i+"题";
else {
document.getElementById("btnNext").hidden=true;
document.getElementById("btnSubmit").hidden=false;
}
}
//--
/script
style type="text/css"
#mainDiv{
width:500px;
height:250px;
border:blue 1px solid;
}
#contentDiv{
width:490px;
height:200px;
border:green 1px solid;
margin-left:4px;
}
/style
titleDocument/title
/head
body
div id="mainDiv" class=""
题目内容：
div id="contentDiv" class=""
/div
/div
input id="btnNext" type="button" value="下一题" onclick="nextChoice()"
input id="btnSubmit" type="button" value="提交" hidden=false onclick="alert('提交成功！')"
/body
/html
chrome测试！
用html做一个选择题考试系统
!doctype html
html
head
meta charset="UTF-8"
title多项选择题/title
style type="text/css"
label{background:#ccffff;}
/style
/head
body
h1测试题/h1hr
h2一、单项选择题/h2
div id="dan1"
p1.世界上谁最帅？/p
pinput type="radio" id="dA1" name="dan1"label for="dA1"A.李小龙/p
pinput type="radio" id="dB1" name="dan1"label for="dB1"B.李连杰/p
pinput type="radio" id="dC1" name="dan1"label for="dC1"C.陈小春/p
pinput type="radio" id="dD1" name="dan1"label for="dD1"D.刘德华/p
input type="button" value="提交答案" onclick="dan1_answer()"hr
span id="d1_tetion"/span
/div
div id="dan2"
p2.世界上谁最帅？/p
pinput type="radio" id="dA2" name="dan2"label for="dA2"A.李小龙/p
pinput type="radio" id="dB2" name="dan2"label for="dB2"B.李连杰/p
pinput type="radio" id="dC2" name="dan2"label for="dC2"C.陈小春/p
pinput type="radio" id="dD2" name="dan2"label for="dD2"D.刘德华/p
input type="button" value="提交答案" onclick="dan2_answer()"hr
span id="d2_tetion"/span
/div
div id="dan3"
p3.世界上谁最帅？/p
pinput type="radio" id="dA3" name="dan3"label for="dA3"A.李小龙/p
pinput type="radio" id="dB3" name="dan3"label for="dB3"B.李连杰/p
pinput type="radio" id="dC3" name="dan3"label for="dC3"C.陈小春/p
pinput type="radio" id="dD3" name="dan3"label for="dD3"D.刘德华/p
input type="button" value="提交答案" onclick="dan3_answer()"hr
span id="d3_tetion"/span
/div
div id="dan4"
p4.世界上谁最帅？/p
pinput type="radio" id="dA4" name="dan4"label for="dA4"A.李小龙/p
pinput type="radio" id="dB4" name="dan4"label for="dB4"B.李连杰/p
pinput type="radio" id="dC4" name="dan4"label for="dC4"C.陈小春/p
pinput type="radio" id="dD4" name="dan4"label for="dD4"D.刘德华/p
input type="button" value="提交答案" onclick="dan4_answer()"hr
span id="d4_tetion"/span
/div
div id="dan5"
p5.世界上谁最帅？/p
pinput type="radio" id="dA5" name="dan5"label for="dA5"A.李小龙/p
pinput type="radio" id="dB5" name="dan5"label for="dB5"B.李连杰/p
pinput type="radio" id="dC5" name="dan5"label for="dC5"C.陈小春/p
pinput type="radio" id="dD5" name="dan5"label for="dD5"D.刘德华/p
input type="button" value="提交答案" onclick="dan5_answer()"hr
span id="d5_tetion"/span
/div
h2二、多项选择题/h2
div id="box"
p1.一栋房子由哪几部分组成？/p
pinput type="checkbox" id="A"label for="A"A.地基与基础，主体结构，屋面工程/label/p
pinput type="checkbox" id="B"label for="B"B.装饰装修、给排水及采暖工程/label/p
pinput type="checkbox" id="C"label for="C"C.空调与通风工程/label/p
pinput type="checkbox" id="D"label for="D"D.智能化建筑工程/label/p
pinput type="checkbox" id="E"label for="E"E.电梯工程、电气工程、节能工程/label/p
input type="button" value="提交答案" onclick="answer()"hr
span id="tetion"/span
/div
div id="box2"
p2.一栋房子由哪几部分组成？/p
pinput type="checkbox" id="A2"label for="A2"A.地基与基础，主体结构，屋面工程/label/p
pinput type="checkbox" id="B2"label for="B2"B.装饰装修、给排水及采暖工程/label/p
pinput type="checkbox" id="C2"label for="C2"C.空调与通风工程/label/p
pinput type="checkbox" id="D2"label for="D2"D.智能化建筑工程/label/p
pinput type="checkbox" id="E2"label for="E2"E.电梯工程、电气工程、节能工程/label/p
input type="button" value="提交答案" onclick="answer2()"hr
span id="tetion2"/span
/div
div id="box3"
p3.一栋房子由哪几部分组成？/p
pinput type="checkbox" id="A3"label for="A3"A.地基与基础，主体结构，屋面工程/label/p
pinput type="checkbox" id="B3"label for="B3"B.装饰装修、给排水及采暖工程/label/p
pinput type="checkbox" id="C3"label for="C3"C.空调与通风工程/label/p
pinput type="checkbox" id="D3"label for="D3"D.智能化建筑工程/label/p
pinput type="checkbox" id="E3"label for="E3"E.电梯工程、电气工程、节能工程/label/p
input type="button" value="提交答案" onclick="answer3()"hr
span id="tetion3"/span
/div
div id="box4"
p4.一栋房子由哪几部分组成？/p
pinput type="checkbox" id="A4"label for="A4"A.地基与基础，主体结构，屋面工程/label/p
pinput type="checkbox" id="B4"label for="B4"B.装饰装修、给排水及采暖工程/label/p
pinput type="checkbox" id="C4"label for="C4"C.空调与通风工程/label/p
pinput type="checkbox" id="D4"label for="D4"D.智能化建筑工程/label/p
pinput type="checkbox" id="E4"label for="E4"E.电梯工程、电气工程、节能工程/label/p
input type="button" value="提交答案" onclick="answer4()"hr
span id="tetion4"/span
/div
div id="box5"
p5.一栋房子由哪几部分组成？/p
pinput type="checkbox" id="A5"label for="A5"A.地基与基础，主体结构，屋面工程/label/p
pinput type="checkbox" id="B5"label for="B5"B.装饰装修、给排水及采暖工程/label/p
pinput type="checkbox" id="C5"label for="C5"C.空调与通风工程/label/p
pinput type="checkbox" id="D5"label for="D5"D.智能化建筑工程/label/p
pinput type="checkbox" id="E5"label for="E5"E.电梯工程、电气工程、节能工程/label/p
input type="button" value="提交答案" onclick="answer5()"hr
span id="tetion5"/span
/div
script type="text/javascript"
function dan1_answer(){dan_answer("dA1","dB1","dC1","dD1","dan1","d1_tetion","A")}
function dan2_answer(){dan_answer("dA2","dB2","dC2","dD2","dan2","d2_tetion","B")}
function dan3_answer(){dan_answer("dA3","dB3","dC3","dD3","dan3","d3_tetion","B")}
function dan4_answer(){dan_answer("dA4","dB4","dC4","dD4","dan4","d4_tetion","C")}
function dan5_answer(){dan_answer("dA5","dB5","dC5","dD5","dan5","d5_tetion","C")}
function dan_answer(da,db,dc,dd,dan,d_tetion,pd){
var A=document.getElementById(da).checked;//alert(A);
var B=document.getElementById(db).checked;
var C=document.getElementById(dc).checked;
var D=document.getElementById(dd).checked;
var d_Rightanswer=pd;
var passW=saot(d_Rightanswer);//alert(passW);
var youW=saot([A,B,C,D]);//alert(youW);
var youD=transABCDE([A,B,C,D]);//你的答案
if(passW==youW){
document.getElementById(dan).innerHTML+="style #"+d_tetion+"{color:yellow;background:red;}/style"
document.getElementById(d_tetion).innerHTML="你的答案："+youD+"br---恭喜您，答对了！"; }else{
document.getElementById(dan).innerHTML+="style #"+d_tetion+"{color:red;background:#ccc;}/style"
document.getElementById(d_tetion).innerHTML="你的答案："+youD+"br---回答错误！正确答案是："+d_Rightanswer
}
}
function answer(){answerALL("A","B","C","D","E","box","tetion","ABCDE")}
function answer2(){answerALL("A2","B2","C2","D2","E2","box2","tetion2","ABCDE")}
function answer3(){answerALL("A3","B3","C3","D3","E3","box3","tetion3","ABCDE")}
function answer4(){answerALL("A4","B4","C4","D4","E4","box4","tetion4","ABCDE")}
function answer5(){answerALL("A5","B5","C5","D5","E5","box5","tetion5","ABCDE")}
function answerALL(a,b,c,d,e,box,tetion,RT){
var A=document.getElementById(a).checked;
var B=document.getElementById(b).checked;
var C=document.getElementById(c).checked;
var D=document.getElementById(d).checked;
var E=document.getElementById(e).checked;
var arr=[A,B,C,D,E];
var youD=transABCDE(arr);//你的答案
var numA=saot(arr);
var Rightanswer=RT;//将正确答案填在这里
var numB=saot(Rightanswer);
if(numA==numB){
document.getElementById(box).innerHTML+="style #"+tetion+"{color:yellow;background:red;}/style"
document.getElementById(tetion).innerHTML="你的答案："+youD+"br---恭喜您，答对了！";
}else{
document.getElementById(box).innerHTML+="style #"+tetion+"{color:red;background:#ccc;}/style"
document.getElementById(tetion).innerHTML="你的答案："+youD+"br---回答错误！正确答案是："+Rightanswer
}
}
function transAtoN(answer){//将正确答案字母组成的字符串转换成一串0和1的数字
var arr=answer;
var c=arr.split("");//分割字符串变成数组
//alert(c)
var num=0;
for(var i in c){
if(c[i]=="A" || c[i]=="a"){num+=10000;}
if(c[i]=="B" || c[i]=="b"){num+=1000;}
if(c[i]=="C" || c[i]=="c"){num+=100;}
if(c[i]=="D" || c[i]=="d"){num+=10;}
if(c[i]=="E" || c[i]=="e"){num+=1;}
}
return num;
}
function transBER(arr){//将在多项选择中获得的选择布尔值转换成一串0和1的数字
var num=0;
if(arr[0]){num+=10000}
if(arr[1]){num+=1000}
if(arr[2]){num+=100}
if(arr[3]){num+=10}
if(arr[4]){num+=1}
return num;
}
function saot(t){//合并布尔值和字符串转成数字，自动选择适应程序！
if(typeof t=="string"){
var geta=transAtoN(t);
return geta;
}else{
var getb=transBER(t);
return getb;
}
}
function transABCDE(arr){
var chara="";
if(arr[0]){chara+="A"}
if(arr[1]){chara+="B"}
if(arr[2]){chara+="C"}
if(arr[3]){chara+="D"}
if(arr[4]){chara+="E"}
return chara;
}
//alert(transABCDE([true,false,true]))
/script
/body
/html
开发简单的在线考试程序，包括单选和多选各5道，单击【交卷】按钮后就可以根据标准答案在线给出评分。
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
html
head
meta http-equiv=Content-Type content="text/html; charset=gb2312"
title测试题/title
/head
body
table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000"
tr
td bgcolor="#F3F3F3"FORM style="BACKGROUND-COLOR: #ffffff" name=test
span class="STYLE2"一、 单项选择题 ： （共15小题，每小题1分）/spanBRBR
hrBR
1.自从1840年（ ）的以后，中国一步一步地变成了一个半殖民地半封建的社会。
ol
INPUT type=radio value=1 name=R1
A、中俄战争了BR
INPUT type=radio value=2 name=R1
B、中法战争 BR
INPUT type=radio value=t name=R1
C、鸦片战争BR/ol
span class="ititle14b"2.青年时期的鲁迅积极提倡文学上的（ ）。 /span
olINPUT type=radio value=t name=R2
A、摩罗诗派BR
INPUT type=radio value=2 name=R2
B、现实主义BR
INPUT type=radio value=3 name=R2
C、悲剧说BR/ol
span class="ititle14b"3.“避席畏闻文字狱，著书都为稻梁谋”出自龚自珍的（ ）一诗。/spanBR INPUT type=radio value=1 name=R3
A、《病梅馆记》
INPUT type=radio value=2 name=R3
B、《尊隐》
INPUT type=radio value=t name=R3
C、《咏史》BR
span class="ititle14b"5.1+1=?（ ）。 /spanBR
INPUT type=radio value=1 name=R5
A、1
INPUT type=radio value=t name=R5
B、2
INPUT type=radio value=2 name=R5
C、3BR
span class="ititle14b"5.2+2=?（ ）。 /spanBR
INPUT type=radio value=1 name=R6
A、3
INPUT type=radio value=t name=R6
B、4
INPUT type=radio value=2 name=R6
C、5BR
p align="left" span class="timu16 STYLE2"二、多项选择题 ：/span span class="timu14 STYLE2"（共10小题，每小题1分）/span
br
1、下列属于康有为的散文有：（ ） br
INPUT type=checkbox name=R4 value=t
A、《孔子改制考》
INPUT type=checkbox name=R4 value=t
B、《新学伪经考》
INPUT type=checkbox name=R4 value=t
C、《请废八股试帖楷法试士改用策论折》， br
INPUT type=checkbox name=R4 value=t
D、《应诏统筹全局折》
INPUT type=checkbox name=R4 value=t
E、《诸天讲》就比较有代表性地体现了这一特色。br
作答完毕后按:
input onClick="check()" type="button" value="提交答卷" name="B1"
您的分数:
INPUT
style="BORDER-RIGHT: #082d71 1px solid; BORDER-TOP: #082d71 1px solid; BORDER-LEFT: #082d72 1px solid; COLOR: #082d71; BORDER-BOTTOM: #082d71 1px solid; HEIGHT: 18px; width: 50px;"
name=res
INPUT style="BORDER-RIGHT: #082d71 1px solid; BORDER-TOP: #082d71 1px solid; BORDER-LEFT: #082d72 1px solid; COLOR: #082d71; BORDER-BOTTOM: #082d71 1px solid; HEIGHT: 18px" onclick=view() type=button value=看一下自己错误在哪里 name=b2
BR
INPUT
type=hidden name=wrongs
/FORM/td
/tr
/table
SCRIPT language=javascript
!--
function check(){
var thistestsubject;
var tmp_string;
int_scr=0;
test.wrongs.value="";
for(i=1;i=6;i++){
testSub=document.getElementsByName("R"+i);
subResult=false;
for(var j=0;jtestSub.length;j++){
if(testSub[j].type=="radio"testSub[j].checked)if(testSub[j].value=="t"){subResult=true;break;}else{break;}
if(testSub[j].type=="checkbox")if((testSub[j].value!="t"testSub[j].checked)||(testSub[j].value=="t"!testSub[j].checked)){subResult=false;break;}else{subResult=true;}
}
if(subResult){
int_scr++;
}else{
test.wrongs.value=test.wrongs.value+"第"+i+"题, ";
}
}
test.res.value=int_scr*10;
}
function view(){
check();
wor=test.wrongs.value;
if(test.res.value100){alert("您的："+wor+"题有错误，请您仔细检查！");}else{alert("真好！全答对了！\naaaaaaaa");}
}
--
/SCRIPT
/body
/html
自己根据自己的要求修改下就OK
如何用WEB进行编写简单的在线考试系统？
想写一个基于B/S结构的在线考试学习系统？
简单的？
最简单的，没有验证，没有错题本，甚至没有用户登录，甚至没有题库，
直接一个html页面，页面上几道单选题，每道题一个input hidden保存答案
然后JS控制提交
一个HTML页面就能做一个在线考试学系统系统，最简单
但如果想做的能够撑点场面的，用户模块要有，题库要有，错题本要有，单选多选填空简答题要支持，多人在线同步考试要支持，就困难了，没几个月花下去你是做不出来的
最好去找几个开源的“在线考试学习”系统，然后再在他人的基础上稍微改写代码，写个皮肤，就成你的啦，肯定能交作业。
求助！！HTML源代码！要求可以实现在线答题，且为多项选择题的源码！
你说的多项选择题，我是不是可以理解成多选？？
多选的实现是这样的：
第一： 必须将多选框放到form里面。
第二： 然后name属性完全一样，value不相同。这样当你提交到Action中的时候，只需要使用request对象获取toselect的值就行了。
第三： 获取值：request.getParameterValues("toselect")，就会将选中的多选框里面的value获取，并且返回一个String[]数组，这个数组里面就有你想要的值：即选中的值
html
body
form
input type = "checkbox" value = "A" name = "toselect"/A
input type = "checkbox" value = "B" name = "toselect"/B
input type = "checkbox" value = "C" name = "toselect"/C
input type = "checkbox" value = "D" name = "toselect"/D
/form
/body
/html
在线答题的HTML代码 选择题，多选，点击提交后能提示对错
html中写个form表单。这个简单。但是你的选择题是页面上写死的。还是从数据库里面取的？提交后判断对错你是要转后台处理还是页面上js直接校验？而且不论怎样，也不是html就能搞定的吧。
关于在线考试html代码和的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
