forked from mrlan/EnglishPal
[IMPROVE]:clozeTest.html,userpage_get.html:完型填空页面
parent
f214838cdd
commit
4870772f1f
|
@ -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>
|
|
@ -32,6 +32,10 @@
|
|||
<p><b>阅读文章并回答问题</b></p>
|
||||
<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="onReadClick()" checked/>大声朗读
|
||||
<input type="checkbox" onclick="onChooseClick()" checked/>划词入库
|
||||
|
|
Loading…
Reference in New Issue