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


Adding elements to a table from an input area

我正试图在我的PHP页面中拥有类似下图的内容。(链接在评论中。我无法将它们正确地发布在这里)

一旦我输入关键字并点击"加号",它应该会出现在表中,以及右边的颜色。颜色的顺序将是预先确定的。如果我再次输入一个关键字并再次点击"加号",则该关键字应出现在表中前面的关键字的正下方。目前,我假设该表由5行组成,并且少于或等于5个关键字。

此外,我希望在底部有一个提交按钮,当点击它时,应该会将现在出现的所有关键字发送到PHP文件中。我有一个将action属性设置为PHP文件的表单。表格和关键字输入字段将成为表单的一部分。

我更喜欢使用javascript而不是PHP来处理许多复杂的问题。有没有一种方法可以存储所有的关键字,然后在表单提交后将其发送到PHP文件?

如有任何帮助,我们将不胜感激。

您可以:

  1. 使用五个文本输入构建html表单,所有文本输入都堆叠在一个文本输入之上另一个(我认为使用position:绝对)
  2. 将html表格放在输入下方
  3. 将提交按钮放在表格下面
  4. 使用javascript:

    • 隐藏当前未使用的四个文本输入
    • 当用户按下+时,在表格中显示文本输入和相应的颜色
    • 隐藏当前文本输入,并在用户按下+时显示下一个输入
  5. 当用户点击提交按钮时,所有五个输入值都将提交到action='*.php'