[IMPROVE]:clozeTest.html,userpage_get.html:完型填空页面

Bug428-LouJiCheng
stfujnkk 2022-06-10 19:23:14 +08:00
parent f214838cdd
commit 4870772f1f
2 changed files with 60 additions and 0 deletions

View File

@ -0,0 +1,56 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>clozeTest</title>
<style>
pre {
font-size: large;
white-space: pre-wrap; /*css-3*/
background-color: aliceblue;
word-wrap: break-word; /*InternetExplorer5.5+*/
}
#button{
text-align: center;
}
#content{
background-color: azure;
margin: auto;
}
</style>
</head>
<body>
<p style="color: red; font-size: 20px">{{ msg }}</p>
{% set ascll = ['A','B','C','D'] %}
<pre>{{ essay._essay }}</pre>
<form action="/gocloze" id="button" method="GET">
<input type="submit" style="background-color: aquamarine; width: 100px; height: 40px" value="下一题">
</form>
<form action="/" id="button">
<input type="submit" style="background-color: aquamarine; width: 100px; height: 40px" value="返回">
</form>
<p style="color: red; font-size: 20px">请输入abcd或其大写</p>
<p style="color: red; font-size: 20px">tip:异常输入会被自动清除</p>
<form id="content" action="/gocloze" method="POST" >
<tr>
{% for question in essay._questions %}
<td>
<p><input type="text" onkeyup="this.value=this.value.replace(/[^a-dA-D]/g,'')" maxlength="1" name="answer{{ loop.index }}" placeholder="请输入答案" >
{{ loop.index }}.
{% for q in question %}
{{ ascll[loop.index0] }}.
{{ q }}
{% endfor %}
</p>
<p style="color: red">{{ answers[loop.index0] }}</p>
</td>
{% endfor %}
<p><input type="submit" value="提交" style="background-color: cornsilk; width: 100px; height: 40px"></p>
</tr>
</form>
</body>
</html>

View File

@ -32,6 +32,10 @@
<p><b>阅读文章并回答问题</b></p> <p><b>阅读文章并回答问题</b></p>
<div id="text-content">{{ today_article|safe }}</div> <div id="text-content">{{ today_article|safe }}</div>
<form action="/gocloze" method="GET">
<input type="submit" style.display="block" value="去做完型填空">
</form>
<input type="checkbox" onclick="ChangeHighlight()" checked/>生词高亮 <input type="checkbox" onclick="ChangeHighlight()" checked/>生词高亮
<input type="checkbox" onclick="onReadClick()" checked/>大声朗读 <input type="checkbox" onclick="onReadClick()" checked/>大声朗读
<input type="checkbox" onclick="onChooseClick()" checked/>划词入库 <input type="checkbox" onclick="onChooseClick()" checked/>划词入库