Question

我的部分弹出式表单存在问题[其余部分位于页面的主要div]。

<body onload="formReset();">
<?php echo "<form action=\"\" method=\"POST\"><input type=\"submit\" value=\"Main page\"></input></form>"; ?>
<section id="pocetna" data-theme="a" data-role="page" style="background: url('./_images/pekara_bck.jpg'); background-size: auto 700px; background-position: left top; background-repeat: no-repeat;">
<header data-role="header" data-theme="a">
    <div data-role="controlgroup" data-type="horizontal">
        <a href="#delpop" data-rel="popup" data-theme="a" data-role="button" data-inline="true" data-icon="home" data-iconpos="right">Deliver</a>
    </div>
    <div data-role="popup" id="delpop"><a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
        <div style="width: 80%; padding: 15px; margin: 0px auto 0px auto;">
            <?php
                echo "<input type=\"text\" name=\"del_name\" maxlength=\"30\" placeholder=\"Your name\" value=\"\"/></br>";
                echo "<input type=\"text\" name=\"del_address\" maxlength=\"45\" placeholder=\"Address\" value=\"\"/></br>";
                echo "<input type=\"text\" name=\"del_phone\" maxlength=\"30\" placeholder=\"Phone\" value=\"\"/></br>";
                echo "<textarea name=\"del_note\" rows=\"5\" style=\"resize: none; width: 80% height: 150px\" placeholder=\"Note\"></textarea>";
            ?>
        </div>
    </div>
</header>

弹出窗口有效，但提交时，只有弹出窗口外的字段。

PS： - 表单开始标记位于body标记之后，因此它包含弹出窗口。 -还有一件事。我需要弹出这些字段。当字段不在弹出窗口中时，这种方法有效，而当它们不在弹出窗口中时则不起作用。有没有办法让它们工作，但仍然是弹出窗口？

Answer 1

您需要将字段放在<form>元素中，以便将它们作为数据发布。在这一行：

<?php echo "<form action=\"\" method=\"POST\"><input type=\"submit\" value=\"Main page\"></input></form>"; ?>

您无法关闭表单。代替...

<?php echo "<form action=\"\" method=\"POST\"><input type=\"submit\" value=\"Main page\"></input>"; ?>
     // Put your popup here in the middle with input elements.
<?php echo "</form>"; ?>

弹出窗口中的jQuery Mobile输入

1 个答案: