虚拟和物理键盘输入不执行表单

Question

有一个奇怪的问题。我在一个页面上有两个表单。每个表单都有一个输入字段。焦点在form1的输入字段上，虚拟键盘和物理键盘中的键以及可点击的“SET”按钮都提交表单。

但是，在第二个表单上只有可点击的“SET”按钮将提交表单 - 而不是在虚拟和物理键盘按钮清除输入字段时提交表单。

我在这里缺少什么？为什么在按下虚拟键盘或物理键盘键时没有提交第二个表单...为什么要清除输入字段？ ：

    <form id="form1" action="#" onsubmit="setPickup(this.map_pickupInput.value); return false" style="width:360px;">
     <div class="item item-input-inset">
      <label id="map_itemLabel" class="item-input-wrapper">
        <span id="map_pickupSpan">Pickup:</span> <input type="text" id="map_pickupInput">
      </label>
      <button id="map_setStartButton" type='submit' form='form1' value='submit' class="button button-small">
        Set
      </button>
     </div>
    </form>

    <div id="map" data-tap-disabled="true"></div>

    <form id="form2" action="#" onsubmit="setDropoff(this.map_dropoffInput.value); return false" style="width:360px;">
     <div class="item item-input-inset">
          <label id="map_itemLabel" class="item-input-wrapper">
            <span id="map_dropoffSpan">Dropoff: </span><input type="text" id="map_dropoffInput">
          </label>
          <button id="map_setEndButton" type='submit' form='form2' value='submit' class="button button-small">
            Set
          </button>
        </div>
    </form>

我认为它可能是一个有序的东西......就像第一个表格一样，它的字段绑定到键盘上。但我颠倒了表格并先把form2放了，但问题仍然存在，form2键击不提交表格。