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

2022-06-10 19:23:14 +08:00 · 2022-06-10 19:23:14 +08:00 · 4870772f1f
parent f214838cdd
commit 4870772f1f
2 changed files with 60 additions and 0 deletions
--- a/app/templates/clozeTest.html
+++ b/app/templates/clozeTest.html
@ -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>
--- a/app/templates/userpage_get.html
+++ b/app/templates/userpage_get.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/>划词入库