php - 在表单中设置多个 "submit"按钮的最佳方式?

标签 php html forms

假设我有一个简单的表单(但相当长)。

此表单将用户数据提交到数据库中,第一次提交后,很少 (99.99%) 再次完整编辑,一次只编辑一个部分。

我不希望用户不得不向下滚动一半到他们需要的部分,然后必须再次滚动相同的距离才能提交。

<form>

    <div>
        <input type="text" />
    </div>
    <div>
        <input type="text" />
    </div>
    <div>
        <input type="text" />
    </div>
    <div>
        <input type="text" />
    </div>

    <input type="submit" />

</form>

这就是它的“非常”基本结构。做这样的事情会被认为是一种体面的做法

<form>

    <div>
        <input type="text" />
    </div>
    <input type="submit" />
    <div>
        <input type="text" />
    </div>
    <input type="submit" />
    <div>
        <input type="text" />
    </div>
    <input type="submit" />
    <div>
        <input type="text" />
    </div>

    <input type="submit" class="afterFormSubmit"/>

</form>

我不确定是否有“更好”的方法来做到这一点,或者这是否是完成它的更好方法之一?

最佳答案

除非您使用 AJAX 执行此操作,否则最好的方法是使用两种形式。您可以使用 ajax 请求在同一个表单中提交两个不同的内容。

或者,如果您希望在每个部分都具有相同的表单和提交按钮,那么只需一个提交链接即可

<a href="JavaScript:submit_form();">Submit</a>

这样无论他们在哪个部分,都可以按照您想要的形式提交作品。

另一种选择是使用制表符将其拆分,即 http://jqueryui.com/demos/tabs/

您可以在选项卡区域之外提交 1。更多信息:http://www.jankoatwarpspeed.com/post/2009/02/18/How-to-deal-with-large-webforms.aspx

关于php - 在表单中设置多个 "submit"按钮的最佳方式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12206019/

相关文章:

jquery - html <li> 标签中的 data-key 是什么

html - CSS/HTML <form> 破坏了 chrome 中的布局

jquery - 在链接上扩展搜索栏

php - 没有数据时的宽度问题

php - 用数组调用的 preg_replace() 需要事先使用 ksort() 吗?嗯?

html - 我的@import 查询无法正常工作

java - 如何使用 Jsoup 提交数组

使用图像时 PHP 内存泄漏

php - 简单的 mysqli 查询不返回任何内容

javascript - 滚动到相对定位的 div 内的绝对定位元素