填空题实现


      <div style='margin:3% 8% 1%'>
        <label [ngStyle]="tip">题干 </label> 
        <label style=" color:#A9B3BF">这里填写题目描述</label>
          <input #JudgeInquestion  id="JudgeInputquestion" (click)="question(JudgeInquestion,JudgeQuestion)" name="comb_JudgeQuestion" [(ngModel)]="JudgeQuestiontext.value" class="wangEditor-container">
          <div #JudgeQuestion id="JudgeQuestioncheck" class="textedit-style" >
            <simple-tiny #JudgeQuestiontext [elementId]="'elementIdJudgequestion'" (onEditorKeyup)="keyupquestion($event,JudgeQuestiontext)"></simple-tiny>
          </div>
      </div>
      <div style='margin:3% 8% 1%'>
        <label [ngStyle]="tip">题干 </label> 
        <label style=" color:#A9B3BF">选择正确或者错误(默认正确)</label>
      </div>
      <div style='margin:3% 8% 1%'>
        <button nz-button nzType="correct">正确</button>
        <button nz-button nzType="wrong">错误</button>
      </div>
      <div style='margin:3% 8% 1%'>
        <label [ngStyle]="tip" >解析 </label> 
        <label style=" color:#A9B3BF">这里填写该问题对应的答案解析</label>
            <input #JudgeInanalyze id="JudgeInputanalyze" (click)="question(JudgeInanalyze,JudgeAnalyze)" name="comb_JudgeAnalyze" [(ngModel)]="JudgeAnalyzetext.value" class="wangEditor-container">
            <div #JudgeAnalyze id="JudgeAnalyzecheck" class="textedit-style" >
              <simple-tiny #JudgeAnalyzetext [elementId]="'elementIdJudgeanlyze'" (onEditorKeyup)="keyupquestion($event,JudgeAnalyzetext)"></simple-tiny>
            </div>                        
      </div>
      <button nz-button style='margin:3% 8% 1%' (click)="gettodayintegral()">提交</button>
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
实现考试填空题的页面,可以使用HTML语言来进行布局和设计。以下是一个简单的示例: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>考试填空题</title> </head> <body> <h1>考试填空题</h1> <form action="提交页面的URL" method="POST"> <div> <label for="question1">第一题:</label> <input type="text" id="question1" name="question1"> </div> <div> <label for="question2">第二题:</label> <input type="text" id="question2" name="question2"> </div> <div> <label for="question3">第三题:</label> <input type="text" id="question3" name="question3"> </div> <!-- 更多题目 --> <input type="submit" value="提交"> </form> </body> </html> ``` 在这个示例中,使用了`<h1>`标签来显示页面的标题。然后,使用了`<form>`标签来创建一个表单,设置了`action`属性为提交页面的URL,`method`属性为POST,表示提交表单的方式为POST请求。 每个填空题都使用一个`<div>`来包裹,使用`<label>`标签来显示题目的内容,使用`<input>`标签来接受用户的输入,设置了`type`属性为text,表示输入的是文本类型的答案。`id`属性和`name`属性用于标识每个题目的答案,可以根据需要进行命名。 最后,使用了一个`<input>`标签来创建一个提交按钮,用户填写完答案后可以点击提交按钮提交表单。 通过以上HTML代码,就可以实现一个简单的考试填空题页面。当用户点击提交按钮时,表单数据将会被提交到指定的URL,你可以根据业务需求进行后续的处理和验证。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值