从输入区域向表中添加元素

Question

我想在我的PHP页面中找到类似下图的内容。 （链接在评论中。我无法在这里正确发布）

输入关键字并点击“加号”后，它应显示在表格中，同时显示右侧的颜色。颜色序列将是预定的。如果我再次输入关键字并再次点击“加号”，则关键字应该出现在表格中早期关键字的下方。暂时我假设该表由5行组成，并且有少于或等于5个关键字。

此外，我想在底部有一个提交按钮，单击时应将现在显示的所有关键字发送到PHP文件。我有一个表单，其action属性设置为PHP文件。表和关键字输入字段将成为表单的一部分。

我更喜欢使用javascript而不是PHP来解决许多复杂问题。有没有办法可以存储所有关键字，然后在提交表单后将其发送到PHP文件？

非常感谢任何帮助。

Answer 1

你可以：

1. 使用五个文本输入构建html表单，所有输入都堆叠在一个上面 另一个（我认为使用position：absolute）。
2. 将html表放在输入下方。
3. 将提交按钮放在表格下方。

4. 使用javascript：

   • 隐藏当前未使用的四个文本输入
   • 当用户按下+。
   时，在表格中显示文字输入和相应的颜色
   • 隐藏当前文本输入，并在用户按下+。
   时显示下一个输入

5. 当用户点击提交按钮时，所有五个输入值都将提交给action ='*。php'