如何使用按鈕在表單上添加電子郵件字段？

美好的一天如何使用按鈕在表單上添加電子郵件字段？

我需要一些幫助解決某個問題。

我有一個標籤爲「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

如何使用按鈕在表單上添加電子郵件字段？

回答

相關問題