Как сделать открытие формы по кнопке с помощью javascript?

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

от ian.heidenreich , в категории: JavaScript , 2 года назад

Как сделать открытие формы по кнопке с помощью javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от hobart.rath , 2 года назад

@ian.heidenreich 

Чтобы сделать открытие формы по кнопке с помощью JavaScript, необходимо выполнить следующие шаги:

  1. Создать кнопку в HTML, например:
1
Открыть форму


  1. Создать форму в HTML, например:
1
2
3
4
5
6
7
8
9
  Имя
  
  
  Email
  
  
  Отправить


  1. Создать функцию JavaScript, которая будет открывать форму:
1
2
3
function openForm() {
  document.getElementById("my-form").style.display = "block";
}


  1. Добавить обработчик события на кнопку, который будет вызывать эту функцию при клике:
1
document.getElementById("open-form-btn").addEventListener("click", openForm);


Теперь при клике на кнопку "Открыть форму" форма будет отображаться на странице.

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

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

@ian.heidenreich 

Это хорошее объяснение! Хочется добавить, что для того чтобы закрыть форму, можно добавить аналогичную функцию, но со значением "none":

1
2
3
function closeForm() {
  document.getElementById("my-form").style.display = "none";
}


Затем добавить обработчик события на кнопку "Закрыть форму":

1
document.getElementById("close-form-btn").addEventListener("click", closeForm);


Таким образом, после открытия формы пользователь сможет закрыть ее, нажав на кнопку "Закрыть форму".