2

我有一个带有几个按钮的表单，我使用第一个 div 使表单更宽（宽度：330px） - 显然所有东西都调整到这个宽度，但可点击区域：

<div data-role="popup" id="popupLogin" data-theme="a" class="ui-corner-all" style="width:330px">
    <a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Abbrechen</a>
<form id="navigation" name="navigation" onsubmit="return startNav()">
    <div style="padding:15px 20px;">
    <h3 class="h2">Ziel dieser Fahrt:</h3>
    <input type="hidden" name="action" id="action" />
    <label for="un" class="ui-hidden-accessible">Stra&szlig;e (Ziel):</label>
    <input name="strasse" id="strasse" value="" placeholder="Stra&szlig;e, Gesch&auml;ft, Einrichtung" data-theme="c" type="text">
    <label for="pw" class="ui-hidden-accessible">Stadt (Ziel):</label>
    <input name="stadt" id="stadt" value="" placeholder="Stadt oder Ortsbezeichnung" data-theme="c" type="text">
    <button type="submit" id="homenav" name="homenav" value="home" data-theme="a" data-icon="myapp-homenav" data-role="button">nach Hause</button>
    <button type="submit" id="worknav" name="worknav" value="work" data-theme="a" data-icon="myapp-worknav" data-role="button">zur Arbeit</button>
    <button type="submit" id="navnav" name="navnav" data-theme="a" value="input" data-icon="myapp-navnav" data-role="button">Navigation starten</button>
</div>
  </form>
</div>

表单呈现良好，但按钮没有触发全长的点击事件。单击右侧部分，按钮切换但不提交表单。

事实上，点击它只显示从左边框延伸到按钮约 70% 的部分。单击此区域会提交表单。

按钮提交区域不拉伸按钮宽度

图片： http: //oi49.tinypic.com/214qoec.jpg

4

0 回答 0