inputs with 'form=' outside <form></form>

[Coder]

Source:

Code:

<form id="formA" method="post" action="//uriA/" target="_blank">
 <input name="vA" type="hidden" value="vA">
</form>
...
 <input form="formA" name="vB" type="hidden" value="vB">
...
 <input form="formA" name="vC" class="easyui-textbox">
 <input form="formA" name="vD" class="easyui-numberspinner">
...
 <button form="formA" name="action" type="submit" class="easyui-linkbutton" iconCls="icon-ok" style="width:100%;height:32px" value="insert">Send</button>

Compiled:

Code:

<form id="formA" method="post" action="//uriA" target="_blank">
 <input name="vA" type="hidden" value="vA">
</form>
...
 <input form="formA" name="vB" type="hidden" value="vB">
...
<input form="formA" class="easyui-textbox textbox-f" textboxname="vC" style="display: none;">
<span class="textbox" style="width: 498px; height: 118px;">
  <textarea id="_easyui_textbox_input2" class="textbox-text validatebox-text" autocomplete="off" tabindex="" placeholder="" style="margin: 0px; height: 118px; width: 490px;" title=""></textarea>
  <input type="hidden" class="textbox-value" name="vC" value="vC">
 </span>

<input form="formA" class="easyui-numberspinner numberspinner-f numberbox-f textbox-f spinner-f"  textboxname="vD" numberboxname="vD" spinnername="vD" style="display: none;">
<span class="textbox tooltip-f numberbox spinner" title="" style="width: 498px;">
 <span class="textbox-addon textbox-addon-right" style="right: 0px; top: 0px;"><a href="javascript:;" class="textbox-icon spinner-button-updown" icon-index="0" tabindex="-1" style="width: 26px; height: 28px;"><span class="spinner-arrow spinner-button-top"><span class="spinner-arrow-up"></span></span><span class="spinner-arrow spinner-button-bottom"><span class="spinner-arrow-down"></span></span></a></span>
 <input id="_easyui_textbox_input6" type="text" class="textbox-text validatebox-text textbox-prompt" autocomplete="off" tabindex="" placeholder="" style="margin: 0px 26px 0px 0px; padding-top: 0px; padding-bottom: 0px; height: 28px; line-height: 28px; width: 464px;">
 <input type="hidden" class="textbox-value" name="vD" value="3">
</span>
...
<button form="formA" type="submit" name="action" class="easyui-linkbutton l-btn l-btn-small easyui-fluid" iconcls="icon-ok" style="width: 1916px; height: 30px;" value="insert" group="" id=""><span class="l-btn-left l-btn-icon-left" style="margin-top: 0px;"><span class="l-btn-text">Send</span><span class="l-btn-icon icon-ok">&nbsp;</span></span></button>

Result:

Code:

vA: 'vA'
vB: 'vB'
action: 'insert'

vC and vD not sended !
perhaps because in
compiled inputs

Code:

<input type="hidden" class="textbox-value" name="vC" value="vC">
<input type="hidden" class="textbox-value" name="vD" value="3">

missing "form="

How to fix that ?