sheet.html 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>AI_BRAIN</title>
  6. <style type="text/css">
  7. h3 {
  8. margin-left:10px;
  9. text-align: center;
  10. }
  11. form {
  12. margin-left:10px;
  13. }
  14. .brain{
  15. text-align: center; /*让div内部文字居中*/
  16. }
  17. .inline{
  18. border:1px solid #000;
  19. border-radius: 10px;
  20. width: 360px;
  21. height: 300px;
  22. }
  23. </style>
  24. </head>
  25. <div class="brain">
  26. <h2>&#8595 &#8595 AI-BRAIN &#8595 &#8595</h2><br>
  27. </div>
  28. <div class="inline" style="margin-left: 25%;float: left">
  29. <h3>答题卡分割</h3>
  30. <form action="/segment/sheet/" method="post" enctype="multipart/form-data">
  31. <p>上传一张或多张试卷,返回各试卷题目所在区域</p>
  32. {% csrf_token %}
  33. {{ form_img.as_p }}
  34. <input type="submit" value="上传"/><br>
  35. </form>
  36. </div>
  37. <div class="inline" style="margin-right: 25%;float: right">
  38. <h3>答题卡分割</h3>
  39. <form action="/segment/sheet_box/" method="post" enctype="multipart/form-data">
  40. <p>上传一张或多张答题卡,返回识别区域及OCR结果</p>
  41. {% csrf_token %}
  42. {{ form_img.as_p }}
  43. <input type="submit" value="上传"/><br>
  44. </form>
  45. </div>
  46. <div class="inline" style="margin-left: 25%;float: left;">
  47. <h3>答题卡分割(by_xml)</h3>
  48. <form action="/segment/sheetsmallbox/" method="post" enctype="multipart/form-data">
  49. <p>上传修正后的XML文件</p>
  50. {% csrf_token %}
  51. {{ form_xml.as_p }}
  52. <input type="submit" value="上传"/><br>
  53. </form>
  54. </div>
  55. </body>
  56. </html>