我正在编写一个 HTML 表单,以帮助我在玩滚动游戏时跟踪信息。该表单有一个用于跟踪健康状况的复选框网格。我还有一个文本框,可以在其中跟踪其他统计信息。
我想要两个按钮:加载和保存。当保存点击当前状态时(无论是否标记了一个框),如果每个表单元素都保存到一个文本文件 Save/save.txt。应替换现有文本文件中的任何信息。我只关心当前的设置。当加载命中时,数据从文本文件中加载,并像保存时一样填写表格。
如何获取此表单以保存/加载?
<form action="HP_Tracker.php" method="post">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><center><b>W</b></center></td>
<td> </td>
</tr>
<tr>
<td bgcolor="ffffff"><input name="W1" type="checkbox" value="" /></td>
<td bgcolor="000000"><input name="S24" type="checkbox" value="" /></td>
</tr>
<tr>
<td bgcolor="ffffff"><input name="W2" type="checkbox" value="" /></td>
<td bgcolor="000000"><input name="S23" type="checkbox" value="" /></td>
</tr>
<tr>
<td bgcolor="F0F0F5"><input name="W3" type="checkbox" value="" /></td>
<td bgcolor="0A0A0F"><input name="S22" type="checkbox" value="" /></td>
</tr>
<tr>
<td bgcolor="E0E0EB"><input name="W4" type="checkbox" value="" /></td>
<td bgcolor="14141F"><input name="S21" type="checkbox" value="" /></td>
</tr>
<tr>
<td bgcolor="D1D1E0"><input name="W5" type="checkbox" value="" /></td>
<td bgcolor="1F1F2E"><input name="S20" type="checkbox" value="" /></td>
</tr>
<tr>
<td bgcolor="C2C2D6"><input name="W6" type="checkbox" value="" /></td>
<td bgcolor="29293D"><input name="S19" type="checkbox" value="" /></td>
</tr>
<tr>
<td bgcolor="B2B2CC"><input name="W7" type="checkbox" value="" /></td>
<td bgcolor="33334C"><input name="S18" type="checkbox" value="" /></td>
</tr>
<tr>
<td bgcolor="A3A3C2"><input name="W8" type="checkbox" value="" /></td>
<td bgcolor="3D3D5C"><input name="S17" type="checkbox" value="" /></td>
</tr>
<tr>
<td bgcolor="9494B8"><input name="W9" type="checkbox" value="" /></td>
<td bgcolor="47476B"><input name="S16" type="checkbox" value="" /></td>
</tr>
<tr>
<td bgcolor="8585AD"><input name="W10" type="checkbox" value="" /></td>
<td bgcolor="52527A"><input name="S15" type="checkbox" value="" /></td>
</tr>
<tr>
<td bgcolor="7575A3"><input name="W11" type="checkbox" value="" /></td>
<td bgcolor="5C5C8A"><input name="S14" type="checkbox" value="" /></td>
</tr>
<tr>
<td bgcolor="666699"><input name="W12" type="checkbox" value="" /></td>
<td bgcolor="666699"><input name="S13" type="checkbox" value="" /></td>
</tr>
<tr>
<td bgcolor="5C5C8A"><input name="W13" type="checkbox" value="" /></td>
<td bgcolor="7575A3"><input name="S12" type="checkbox" value="" /></td>
</tr>
<tr>
<td bgcolor="52527A"><input name="W14" type="checkbox" value="" /></td>
<td bgcolor="8585AD"><input name="S11" type="checkbox" value="" /></td>
</tr>
<tr>
<td bgcolor="47476B"><input name="W15" type="checkbox" value="" /></td>
<td bgcolor="9494B8"><input name="S10" type="checkbox" value="" /></td>
</tr>
<tr>
<td bgcolor="3D3D5C"><input name="W16" type="checkbox" value="" /></td>
<td bgcolor="A3A3C2"><input name="S9" type="checkbox" value="" /></td>
</tr>
<tr>
<td bgcolor="33334C"><input name="W17" type="checkbox" value="" /></td>
<td bgcolor="B2B2CC"><input name="S8" type="checkbox" value="" /></td>
</tr>
<tr>
<td bgcolor="29293D"><input name="W18" type="checkbox" value="" /></td>
<td bgcolor="C2C2D6"><input name="S7" type="checkbox" value="" /></td>
</tr>
<tr>
<td bgcolor="1F1F2E"><input name="W19" type="checkbox" value="" /></td>
<td bgcolor="D1D1E0"><input name="S6" type="checkbox" value="" /></td>
</tr>
<tr>
<td bgcolor="14141F"><input name="W20" type="checkbox" value="" /></td>
<td bgcolor="E0E0EB"><input name="S5" type="checkbox" value="" /></td>
</tr>
<tr>
<td bgcolor="0A0A0F"><input name="W21" type="checkbox" value="" /></td>
<td bgcolor="F0F0F5"><input name="S4" type="checkbox" value="" /></td>
</tr>
<tr>
<td bgcolor="000000"><input name="W22" type="checkbox" value="" /></td>
<td bgcolor="FFFFFF"><input name="S3" type="checkbox" value="" /></td>
</tr>
<tr>
<td bgcolor="000000"><input name="W23" type="checkbox" value="" /></td>
<td bgcolor="FFFFFF"><input name="S2" type="checkbox" value="" /></td>
</tr>
<tr>
<td bgcolor="000000"><input name="W24" type="checkbox" value="" /></td>
<td bgcolor="FFFFFF"><input name="S1" type="checkbox" value="" /></td>
</tr>
<tr>
<td> </td>
<td><center><b>S</b></center></td>
</tr>
</table>
<hr />
Initiative<br />
<input name="Initiative" type="text" size="4" />
<br /><br />
<input name="Save" type="submit" value="SAVE" />
</form>