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

时间:2016-12-12 13:40:32

标签: javascript forms email

美好的一天

我在某个问题上需要一些帮助。

我的表单中有一个标有“提交”的标签。在此“提交”表单页面上,必须有一个选项供用户添加其表单可以进行CC的其他电子邮件;在他自己的电子邮件之外输入表格的第一个标签。

每次用户点击标有“添加电子邮件”的按钮时,都必须添加电子邮件字段。

我可以创建几个电子邮件字段并将其隐藏在表单上吗?因此,每次用户点击“添加电子邮件”时,都会弹出一个隐藏的电子邮件字段,用户可以输入所需的CC地址。

我希望我能够清楚地解释清楚。谢谢你的阅读。

1 个答案:

答案 0 :(得分:0)

您可以为按钮执行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>
&#13;
&#13;
&#13;