Как показать form при нажатии на кнопку с помощью javascript?

Пользователь

от edyth , в категории: JavaScript , 8 месяцев назад

Как показать form при нажатии на кнопку с помощью javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от jakayla , 8 месяцев назад

@edyth 

Вы можете использовать JavaScript для показа формы, устанавливая свойство "display" элемента формы как "block" при нажатии на кнопку. Ниже приведен пример:


HTML:

1
2
3
4
Показать форму

  


JavaScript:

1
2
3
4
5
6
const showFormButton = document.getElementById("showFormButton");
const myForm = document.getElementById("myForm");

showFormButton.addEventListener("click", function() {
  myForm.style.display = "block";
});


В приведенном примере форма с идентификатором "myForm" инициализируется со свойством "display: none;", чтобы быть скрытой. При нажатии на кнопку с идентификатором "showFormButton", используя метод "addEventListener()", JavaScript устанавливает свойство "display" формы как "block", что приводит к ее показу на странице.