Changing form to div for CAPA problem types.

TNL-5402

common/lib/capa/capa/templates/annotationinput.html

 <%! from openedx.core.djangolib.markup import HTML %>
-<form class="annotation-input">
+<div class="annotation-input">
 <div class="script_placeholder" data-src="${STATIC_URL}js/capa/annotationinput.js"/>
 
 <div class="annotation-header">
@@ -55,7 +55,7 @@
 
     <p id="answer_${id}" class="answer answer-annotation"></p>
 </div>
-</form>
+</div>
 
 % if msg:
 <span class="message" aria-describedby="label_${id}" tabindex="-1">${HTML(msg)}</span>

common/lib/capa/capa/templates/choicegroup.html

@@ -6,7 +6,7 @@
       not isinstance(value, basestring) and choice_id in value
     ))
 %>
-<form class="choicegroup capa_inputtype" id="inputtype_${id}">
+<div class="choicegroup capa_inputtype" id="inputtype_${id}">
     <fieldset ${describedby_html}>
       % if response_data['label']:
         <legend id="${id}-legend" class="response-fieldset-legend field-group-hd">${response_data['label']}</legend>
@@ -73,4 +73,4 @@
     % if msg:
     <span class="message" aria-describedby="${id}-legend" tabindex="-1">${HTML(msg)}</span>
     % endif
-</form>
+</div>

common/lib/capa/capa/templates/choicetext.html

@@ -11,7 +11,7 @@ from openedx.core.djangolib.markup import HTML
     %endif
 % endfor
 <section id="choicetextinput_${id}" class="choicetextinput">
-<form class="choicetextgroup capa_inputtype" id="inputtype_${id}">
+<div class="choicetextgroup capa_inputtype" id="inputtype_${id}">
     <div class="script_placeholder" data-src="${STATIC_URL}js/capa/choicetextinput.js"/>
 
     <fieldset aria-label="${remove_markup(response_data['label'])}">
@@ -76,5 +76,5 @@ from openedx.core.djangolib.markup import HTML
     % if msg:
     <span class="message" tabindex="-1">${HTML(msg)}</span>
     % endif
-</form>
+</div>
 </section>

common/lib/capa/capa/templates/javascriptinput.html

 <%page expression_filter="h"/>
-<form class="javascriptinput capa_inputtype" id="inputtype_${id}">
+<div class="javascriptinput capa_inputtype" id="inputtype_${id}">
   <input type="hidden" name="input_${id}" id="input_${id}" class="javascriptinput_input"/>
     <div class="javascriptinput_data" data-display_class="${display_class}" 
         data-problem_state="${problem_state}" data-params="${params}" 
@@ -7,5 +7,5 @@
     </div>
     <div class="script_placeholder" data-src="/static/js/${display_file}"></div>
     <div class="javascriptinput_container"></div>
-</form>
+</div>
 

common/lib/capa/capa/templates/optioninput.html

@@ -2,7 +2,7 @@
 <%! from openedx.core.djangolib.markup import HTML %>
 <% doinline = "inline" if inline else "" %>
 
-<form class="inputtype option-input ${doinline}">
+<div class="inputtype option-input ${doinline}">
   % if response_data['label']:
       <label class="problem-group-label" for="input_${id}" id="label_${id}">${response_data['label']}</label>
   % endif
@@ -29,4 +29,4 @@
   % if msg:
       <span class="message" aria-describedby="label_${id}" tabindex="-1">${HTML(msg)}</span>
   % endif
-</form>
+</div>