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

时间:2011-09-26 13:27:20

标签: javascript php html forms html-table

我想要创建两个单独的页面,一个页面上有一个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>

1 个答案:

答案 0 :(得分:1)

你可以使用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>