forked from mrlan/EnglishPal
56 lines
1.8 KiB
HTML
56 lines
1.8 KiB
HTML
|
<!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>
|