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

美好的一天如何使用按钮在表单上添加电子邮件字段？

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

我有一个标签为“Submit”的选项卡。在这个“提交”表单页面上，用户必须有一个选项可以添加额外的电子邮件，他的表单可以被抄送;在他自己的电子邮件之外，在表格的第一个标签中输入。

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

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

我希望我解释得很清楚。谢谢你的阅读。

来源

2016-12-12 MailBlade

我的建议是是使用JavaScript来添加一个动态地每次代替。 – zerohero

我不会推荐隐藏字段，并且可能会用完，所以最好在每次按下按钮时追加电子邮件字段。 – George

非常感谢您的意见。我还认为，如果用户理论上存在疯狂的电子邮件数量，我可能会遇到问题。 – MailBlade

你可以做的按钮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>

来源

2016-12-12 13:52:31

小修正。 'input.setAttribute（“type”，“email”）;'会比较合适 –

我的不好。只需更改代码，感谢编辑！ –

非常感谢我的男人！这工作就像一个魅力！这基本上是我想到的; onclick事件，只是无法做到。我现在只编辑它们，使它们显示在彼此之下。我还是很新的:)所以谢谢你！ – MailBlade

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

回答

相关问题