Показать / скрыть формы с помощью кнопок и javascript

Мне нужно показать форму с помощью кнопки и скрыть ее, когда пользователь нажимает другую кнопку, потому что другая кнопка показывает другую форму. Я сделал аналогичную вещь с полем выбора, но я не могу понять, как это сделать.

используйте следующий fragment кода, чтобы скрыть форму при нажатии кнопки.

document.getElementById("your form id").style.display="none"; 

и следующий код для его отображения

 document.getElementById("your form id").style.display="block"; 

или вы можете использовать ту же функцию для обеих целей

 function asd(a) { if(a==1) document.getElementById("asd").style.display="none"; else document.getElementById("asd").style.display="block"; } 

и html

 
form

Я кое-что поспорил, что вы уже слышали об этом! Это называется http://jquery.com

 $("#button1").click(function() { $("#form1").show(); }; 

Это очень просто, и вы можете использовать селектор типа CSS, и вы можете добавлять анимации. Это очень легко учиться.

Если у вас есть контейнер и два подконтейнера, вы можете сделать это

JQuery

  $("#previousbutton").click(function() { $("#form_sub_container1").show(); $("#form_sub_container2").hide(); }) $("#nextbutton").click(function() { $("#form_container").find(":hidden").show().next(); $("#form_sub_container1").hide(); }) 

HTML

  

Вы хотите иметь ту же форму с разными частями, показывая каждую часть с помощью кнопки?

Вот пример с тремя шагами

В HTML просто вставьте

  

в Javascript определите эту функцию, которая отображает только соответствующую часть формы и скрывает оставшиеся части.

 function shows_form_part(n){ var i = 1, p = document.getElementById("form_part"+1); while (p !== null){ if (i === n){ p.style.display = ""; } else{ p.style.display = "none"; } i++; p = document.getElementById("form_part"+i); } } 

Тогда вам просто нужно определить submit_form() .

HTML-символы « и » просто напечатайте соответственно «и», которые могут быть интересны для предыдущих и следующих символов кнопки.

Проверьте пример JSfiddle .