如何创建表，在用户提交表单时填写行

Posted 2021-05-04

我想创建两个单独的页面，一个页面上有一个html表单，另一个页面上有一个表格。当用户输入数据并提交表单时，我希望信息显示在表格中。

我是否需要使用javascript或php或两者都不能实现此目的。

任何帮助，将不胜感激，

这是表：

   <table border='1px' >

            <tr>
            <th>Location</th>
            <th>Time</th>
            <th>Date</th>
            </tr>
            <tr>
            <td  id='location1'>info</td>
            <td id="time1">info</td>
            <td id="date1">info</td>

            </tr>  
            <tr>
            <td id="location2">info</td>
            <td id="time2">info</td>
            <td id="date2">info</td>

            </tr>
            <tr>
            <td id="location3">info</td>
            <td id="time3">info</td>
            <td id="date3">info</td>
            </tr>
</table>

这是形式：

<form action="" method="post">
    Enter Location<input type="text" name="location" id="location" /><br />

    Time  <input type="text" name="" id="type" /><br />

    Date<input type="text" name="pitch" id="pitch" /><br />

    <input type="submit" name="submit" value="submit" /><br />
 </form>

答案

你可以使用php或javascript - php会更容易imho。最简单的代码示例可能如下所示：

<table border='1px' >

            <tr>
            <th>Location</th>
            <th>Time</th>
            <th>Date</th>
            </tr>
            <tr>
            <td  id='location1'><?php isset($_POST['location']) ? $_POST['location'] : '' ?></td>
            <td id="time1"><?php isset($_POST['time']) ? $_POST['time'] : '' ?></td>
            <td id="date1"><?php isset($_POST['pitch']) ? $_POST['pitch'] : '' ?></td>

            </tr>  
</table>