2016-12-12 7 views
0

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

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

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

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

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

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

+1

は1を追加するためにJavaScriptを使用することです 代わりに毎回動的に – zerohero

+0

私は、フィールドを隠してしまったり、消えるかもしれないので、ボタンを押すたびに電子メールフィールドを追加する方がいいでしょう。 – George

+0

あなたのご意見をお寄せいただきありがとうございます。私はまた、理論的には非常識な電子メールをユーザが持っていると問題に遭遇する可能性があるとも考えていました。 – MailBlade

答えて

0

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>

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

小さな修正。 'input.setAttribute(" type "、" email ");'より適切になります –

+0

私の悪いです。ちょうどコードを変更しました、編集のおかげで! –

+1

ありがとう、私の人!これは魅力的に機能しました!これは基本的に私が心に留めていたものでした。 onclickイベントはちょうどそれを正しく得ることができませんでした。私はちょうど今、お互いの下に表示されるように編集します。 私はまだこれに新しいです:)ありがとう! – MailBlade

関連する問題