使用此数据将表单输入提交给 table

Question

河楼，我有这样的表格

<form id="some" data-request="checkout" class="checkoutForm">
 <div class="form-group mb10">
                                    <label for="firstName" class="col-sm-12">Name <span class="color-main">*</span></label>
                                    <input class="form-control checkout-form-border" id="firstName" value="" type="text">
</div>
 <div class="form-group mb10">
                                    <label for="Address" class="col-sm-12">Address <span class="color-main">*</span></label>
                                    <input class="form-control checkout-form-border" id="address" value="" type="text">
</div>
etc etc ....
</form>

现在，我想在提交按钮上显示新页面，并在 table 正文中显示从该表单收集的数据。我可以通过 php 和 jquery 或新的自定义组件来实现吗？谢谢

Answer 1

PHP:

表单中需要一个提交按钮

需要将 action=" " 和 method="post" 属性添加到您的表单标签中

需要为您的输入框添加名称属性

页面顶部，

if(isset($_POST['submit'])){
    $variable = $_POST['namedOfInputBox'];
    echo "<table><tr><td>$variable</td></tr></table>";
{

也就是说，如果提交了表单（提交是提交按钮的名称，通常将其命名为提交），通过的值是这些，在 PHP 中我们 "echo"，或者打印，输出 html 代码并将我们的变量放在这里。您可以使用 :

echo "<table><tr><td>$variable</td></tr></table>";

或

echo "<table><tr><td>" . $variable . "</td></tr></table>";

使用此数据将表单输入提交给 table

Form input submit to table with this data

html

php

jquery

octobercms