htmlのフォームを表示/非表示にするには？

Question

私は、ユーザーがフォームがその下に表示されるボックスを刻む場合/ショーフォームを隠そうとhtmlとイムに新たなんです。

私は、フォームなどを持っています

Name : 
Username : 
Add More Users: (tickbox) 

ユーザーが[その他のユーザーを追加]をクリックすると、[名前、ユーザー名、追加のユーザーを追加]フィールドを持つ別のフォームがその下に表示されます。これはどのように可能ですか？

Answer 1

あなたはそのためのスクリプトを使用する必要があります。すべての

まずあなたはjQueryのhttp://www.jquery.comを使用<div id="myForm">タグ 内/非表示を表示し、その後

とそれを囲むするフォームを置く（jQueryライブラリをダウンロードして、自分のページにリンクしてのイベントを追加

("#myForm").toggle(); 

Answer 2

HTML

<input type="checkbox" onclick="display(this)">Add more users</input> 
<div id="yourDiv"> ...other forms... </div> 

：コンボボックスを実行してチェックされているかどうかを確認するための機能を実行するために、ページのロード

JavaScriptの

function display(e){ 
    if (e.checked) 
     document.getElementById('yourDiv').style.display = 'block'; 
    else 
     document.getElementById('yourDiv').style.display = 'none'; 
    } 

---

アンこの（Whatのおかげで）行うにしても良い方法

HTML

<input id="more" type="checkbox">Add More Users</input> 
<div id="yourDiv"> ...other form... </div> 

はJavaScript

window.onload = function() { 
    document.getElementById('more').onclick = function() { 
     if (this.checked) 
      document.getElementById('yourDiv').style.display = 'block'; 
     else 
      document.getElementById('yourDiv').style.display = 'none'; 
    } 
} 

Answer 3

.clone（）と.append（）（jQueryが必要）を使用できます。

<input type="text" name="test[]" />