如何使用按钮在表单上添加电子邮件字段？

Question

美好的一天

我需要一些帮助来解决某个问题。

我有一个带有“提交”标签的表单。在此“提交”表单页面上，必须有一个选项供用户添加可以抄送他的表单的其他电子邮件；在表单的第一个选项卡中输入的他自己的电子邮件之外。

每次用户单击标有“添加电子邮件”的按钮时，它都必须添加一个电子邮件字段。

我可以创建一些电子邮件字段并将它们隐藏在表单上吗？所以每次用户点击“添加邮箱”时，会弹出一个隐藏的邮箱，用户可以输入想要的抄送地址。

我希望我解释得足够清楚。感谢您的阅读。

Answer 1

您可以为按钮执行 onclick 事件，并且使用 javascript，您可以在容器中附加一个新的文本框

function addTxt()
{
  var cont = document.getElementById("container");
  var input = document.createElement('input'); 
  input.setAttribute("type", "email");
  input.setAttribute("value", "");
  input.setAttribute("name", "Test Name");
  cont.appendChild(input);
}

<form>
  <button onclick="addTxt()">Add</button>
  <div id="container">
  </div>
</form>