Динамическая форма на jQuery

Автор: | 13.07.2019

Часто бывает необходимо добавить динамически создаваемые поля к форме ввода. На простом примере посмотрим как это можно реализовать с помощью jQuery.

Верстка для формы:

, здесь мы имеем два поля ввода name и price, а также кнопку отправки формы create. В форме есть еще две кнопки Add и Drop, которые и будут добавлять или убирать динамические поля ввода.

В стилях пропишем лишь width для fieldset, чтобы его ширина определялась контентом:

А теперь немного кода на jQuery, чтобы все это заработало: