Question

如何在HTML表格中编辑空白单元格？

我希望能够保存已输入的文本，以便以后可以检索和显示该表。

Answer 1

您可以在任何单元格上使用contentEditable属性，包括空白单元格：

<td contentEditable>

Browser support非常好。如果使用XHTML语法，请将属性写为contenteditable="true"。

除非您需要，否则需要在您希望进行编辑的每个单元格上单独设置属性。表格中的所有单元格都可以编辑，在这种情况下，只需在table属性上设置属性即可。

问题中的第二段涉及其他问题，而且过于模糊而无法回答，应作为描述性标题下的单独问题发布。通常，您可以通过几种方式保存用户输入的数据，例如：通过JavaScript使用HTML存储（localStorage）或使用Ajax调用或通过表单提交将数据发送到服务器端处理。

Answer 2

/ ** *此方法生成html表行以插入html文件。 *生成表格行后，此方法将追加 *占位符在表行的末尾，用于插入下一条记录 * / string generate_student_record_html（int record_num，int reg_num， string nic_num，string student_name，string gender，string father_name）{

string new_record = "";
new_record.append("<tr>");

new_record.append("<td>");
new_record.append(to_string(record_num));
new_record.append("</td>");

new_record.append("<td>");
new_record.append(to_string(reg_num));
new_record.append("</td>");

new_record.append("<td>");
new_record.append(nic_num);
new_record.append("</td>");

new_record.append("<td>");
new_record.append(student_name);
new_record.append("</td>");

new_record.append("<td>");
new_record.append(gender);
new_record.append("</td>");

new_record.append("<td>");
new_record.append(father_name);
new_record.append("</td>");

new_record.append("</tr>");
new_record.append(PLACE_HOLDER); // for next record

return new_record;

}

如何允许编辑HTML表格中的单元格？

2 个答案: