Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.53/40: Рейтинг темы: голосов - 40, средняя оценка - 4.53
0 / 0 / 0
Регистрация: 25.01.2018
Сообщений: 10
1

При нажатии на кнопку появляется форма

30.01.2018, 15:22. Просмотров 8392. Ответов 1
Метки нет (Все метки)

Ребят,как сделать,что бы при нажатии на кнопку появлялась форма:
-Имя
-Телефон
-Кнопка "Отправить"
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
30.01.2018, 15:22
Ответы с готовыми решениями:

При нажатии на элемент <li> появляется текст
Привет, изучаю верстку, хотел попробовать одну штуку. В шапке есть списки. Как сделать, чтобы...

Выпадающее меню ненадолго появляется при нажатии на любую ссылку
Само выпадающее меню работает. Проблема в том что когда я нажимаю на другие ссылки меню, выпадающее...

При нажатии на кнопку лоадер
Как сделать что бы при нажатии на кнопку которая отправляет запрос на киви там все делает...и потом...

Событие при нажатии на кнопку
Добрый день Я почти совсем не знаю HTML Пытаюсь сделать событие при нажатие на кнопку. Что-то не...

__________________
1
413 / 378 / 220
Регистрация: 18.07.2014
Сообщений: 1,259
30.01.2018, 17:52 2
Лучший ответ Сообщение было отмечено beg1nn3r как решение

Решение

beg1nn3r, https://jsfiddle.net/q1rjt4a5/

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<button class="js-show-form">PUSH ME</button>
<form class="js-form hidden">
  <label>
    Имя
    <input type="text" name="name" />
  </label>
  <label>
    Телефон
    <input type="text" name="phone" />
  </label>
  <label>
  <button>Отправить</button>
  </label>
</form>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
(function main() {
  document.addEventListener('DOMContentLoaded', DOMContentLoaded);
 
  function DOMContentLoaded() {
        var buttonNode = document.querySelector('.js-show-form');
    buttonNode.addEventListener('click', showForm);
  }
    
  function showForm() {
    var node = document.querySelector('.js-form');
    node.classList.remove('hidden');
  }
})();
CSS
1
2
3
.hidden {
  display: none;
}
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
30.01.2018, 17:52

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

При нажатии на кнопку выводится буква
Здравствуйте! Подскажите, пожалуйста, скрипт: при нажатии на кнопку выводится буква в поле, где...

При нажатии на кнопку пропадает фон
Перепробовал много вариантов, но никак не могу найти истину... &lt;!DOCTYPE html&gt; &lt;html&gt;...

Смена блока при нажатии на кнопку
Всем доброго дня. Возникла вот такая проблема. Прошу помочь с решением. Есть примерно такой HTML...

Отправка письма при нажатии на кнопку в форме
Всем добрый день,подскажите пожалуйста.Есть вот такая форма: &lt;form method=&quot;POST&quot; action=&quot;&quot;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.