ボタンを使用してフォームにメールフィールドを追加するにはどうすればよいですか？

Question

おはよう

私は特定の問題について助けが必要です。

「送信」とラベルの付いたフォームがあります。この「送信」フォームページには、ユーザーがフォームに追加する電子メールを追加するオプションが必要です。フォームの最初のタブに入力された自分のメールの外に。

ユーザーが[電子メールの追加]ボタンをクリックするたびに電子メールフィールドを追加する必要があります。

いくつかのメールフィールドを作成してフォーム上に非表示にできますか？したがって、ユーザーが「メールを追加」をクリックするたびに、非表示のメールフィールドの1つがポップアップし、ユーザーは希望のCCアドレスを入力することができます。

私はこれを十分に説明してくれることを望みます。読んでくれてありがとう。

Answer 1

JavaScriptを使用して、ボタンのonclickイベントを行うとことができ、あなたは、コンテナ内に新しいテキストボックスを追加することができ

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>

私の提案は次のようになり