<section id="jstextline_${id}" class="jstextline">
  <input type="text" name="input_${id}" id="input_${id}" value="${value}"
   % if size:
   size="${size}"
   % endif
   % if dojs == 'math':
   onkeyup="DoUpdateMath('${id}')"
   % endif
   />

  % if dojs == 'math':
    <span id="display_${id}">`{::}`</span>
  % endif

  <span id="answer_${id}"></span>

  % if dojs == 'math':
    <textarea style="display:none" id="input_${id}_fromjs" name="input_${id}_fromjs"></textarea>
  % endif

  % if status == 'unsubmitted':
  <span class="unanswered" style="display:inline-block;" id="status_${id}" aria-describedby="input_${id}">
    <span class="sr">Status: unanswered</span>
  </span>
  % elif status == 'correct':
  <span class="correct" id="status_${id}" aria-describedby="input_${id}">
    <span class="sr">Status: correct</span>
  </span>
  % elif status == 'incorrect':
  <span class="incorrect" id="status_${id}" aria-describedby="input_${id}">
    <span class="sr">Status: incorrect</span>
  </span>
  % elif status == 'incomplete':
  <span class="incorrect" id="status_${id}" aria-describedby="input_${id}">
    <span class="sr">Status: incorrect</span>
  </span>
  % endif
  % if msg:
    <br/>
    <span class="debug">${msg|n}</span>
  % endif
</section>
