apiserver/EditableTable1.html
2024-07-17 16:08:39 +08:00

59 lines
1.3 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Tables</title>
<style>
table {
border-collapse: collapse;
}
td, th {
border: 1px solid grey;
padding: 5px;
}
td[contenteditable="true"] {
background-color: lightgrey;
}
</style>
</head>
<body leftmargin="10px" >
<h4>Model Maintainance</h4>
<form name="tableUpdate" action="/tables/" method="POST" target="result">
<table>
<thead>
<tr>
<th>Model</th>
<th>Project Code</th>
<th>Remark</th>
</tr>
</thead>
<tbody>
<tr>
<td contenteditable="true">John</td>
<td contenteditable="true">25</td>
<td contenteditable="true">
<select>
<option>New York</option>
<option>London</option>
<option>Tokyo</option>
<option>Paris</option>
</select>
</td>
</tr>
<tr>
<td contenteditable="true">Jane</td>
<td contenteditable="true">30</td>
<td contenteditable="true">
<select>
<option>New York</option>
<option>London</option>
<option>Tokyo</option>
<option>Paris</option>
</select>
</td>
</tr>
</tbody>
</table>
</form>
</body>
</html>