2017-01-26 19:10:51 -05:00
|
|
|
|
2009-11-24 15:45:52 -05:00
|
|
|
<form action="/form" method="post">
|
|
|
|
<table id="agent_table">
|
|
|
|
<caption>Agent</caption>
|
2012-01-02 06:17:15 -05:00
|
|
|
|
2018-06-06 19:22:00 -04:00
|
|
|
<tr onclick="this.querySelector('td label').innerHTML = 'Clicked'">
|
2009-11-24 15:45:52 -05:00
|
|
|
<td>
|
|
|
|
<label for="form_agent_name">Name</label>
|
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
<input type="text" name="form[agent_name]" value="James" id="form_agent_name"/>
|
|
|
|
</td>
|
|
|
|
</tr>
|
2012-01-02 06:17:15 -05:00
|
|
|
|
2009-11-24 15:45:52 -05:00
|
|
|
<tr>
|
|
|
|
<td colspan="2">
|
|
|
|
<input type="submit" value="Create"/>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
</form>
|
|
|
|
|
|
|
|
<form action="/form" method="post">
|
|
|
|
<table id="girl_table">
|
|
|
|
<caption>Girl</caption>
|
2012-01-02 06:17:15 -05:00
|
|
|
|
2009-11-24 15:45:52 -05:00
|
|
|
<tr>
|
|
|
|
<td>
|
|
|
|
<label for="form_girl_name">Name</label>
|
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
<input type="text" name="form[girl_name]" value="Vesper" id="form_girl_name"/>
|
|
|
|
</td>
|
|
|
|
</tr>
|
2012-01-02 06:17:15 -05:00
|
|
|
|
2009-11-24 15:45:52 -05:00
|
|
|
<tr>
|
|
|
|
<td colspan="2">
|
|
|
|
<input type="submit" value="Create"/>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
</form>
|
|
|
|
|
|
|
|
<form action="/form" method="post">
|
|
|
|
<table id="villain_table">
|
|
|
|
<caption>Villain</caption>
|
2012-01-02 06:17:15 -05:00
|
|
|
|
2009-11-24 15:45:52 -05:00
|
|
|
<tr>
|
|
|
|
<td>
|
|
|
|
<label for="form_villain_name">Name</label>
|
|
|
|
</td>
|
|
|
|
<td>
|
|
|
|
<input type="text" name="form[villain_name]" value="Ernst" id="form_villain_name"/>
|
|
|
|
</td>
|
|
|
|
</tr>
|
2012-01-02 06:17:15 -05:00
|
|
|
|
2009-11-24 15:45:52 -05:00
|
|
|
<tr>
|
|
|
|
<td colspan="2">
|
|
|
|
<input type="submit" value="Create"/>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
2010-02-20 16:41:53 -05:00
|
|
|
</form>
|
2019-03-14 04:29:50 -04:00
|
|
|
|
|
|
|
<table>
|
2019-03-14 21:53:43 -04:00
|
|
|
<caption>Horizontal Headers</caption>
|
2019-03-14 04:29:50 -04:00
|
|
|
<thead>
|
|
|
|
<tr>
|
|
|
|
<th>First Name</th>
|
|
|
|
<th>Last Name</th>
|
2019-03-14 21:53:43 -04:00
|
|
|
<th>City</th>
|
2019-03-14 04:29:50 -04:00
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
<tbody>
|
|
|
|
<tr>
|
|
|
|
<td>Thomas</td>
|
|
|
|
<td>Walpole</td>
|
2019-03-14 21:53:43 -04:00
|
|
|
<td>Oceanside</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td>Danilo</td>
|
|
|
|
<td>Wilkinson</td>
|
|
|
|
<td>Johnsonville</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td>Vern</td>
|
|
|
|
<td>Konopelski</td>
|
|
|
|
<td>Everette</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td>Ratke</td>
|
|
|
|
<td>Lawrence</td>
|
|
|
|
<td>East Sorayashire</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td>Palmer</td>
|
|
|
|
<td>Sawayn</td>
|
|
|
|
<td>West Trinidad</td>
|
2019-03-14 04:29:50 -04:00
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
|
|
|
|
<table>
|
2019-03-14 21:53:43 -04:00
|
|
|
<caption>Vertical Headers</caption>
|
2019-03-14 04:29:50 -04:00
|
|
|
<tr>
|
|
|
|
<th>First Name</th>
|
|
|
|
<td>Thomas</td>
|
2019-03-14 21:53:43 -04:00
|
|
|
<td>Danilo</td>
|
|
|
|
<td>Vern</td>
|
|
|
|
<td>Ratke</td>
|
|
|
|
<td>Palmer</td>
|
2019-03-14 04:29:50 -04:00
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<th>Last Name</th>
|
|
|
|
<td>Walpole</td>
|
2019-03-14 21:53:43 -04:00
|
|
|
<td>Wilkinson</td>
|
|
|
|
<td>Konopelski</td>
|
|
|
|
<td>Lawrence</td>
|
|
|
|
<td>Sawayn</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<th>City</th>
|
|
|
|
<td>Oceanside</td>
|
|
|
|
<td>Johnsonville</td>
|
|
|
|
<td>Everette</td>
|
|
|
|
<td>East Sorayashire</td>
|
|
|
|
<td>West Trinidad</td>
|
2019-03-14 04:29:50 -04:00
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
|