Где хранить пустые формы для включения в DOM?

Question

[Алексей]

Есть форма, в которой присутствует что-то подобное:

<div class="grid_12">
        	<label>1</label>
        	<div class="grid_4">
            	<div class="upload_image">
                	<input type="file" name="fileUpload" id="fileUpload" class="fileUpload" />
                	<div class="upimtx">
                        <p><i class="icon-plus"></i></p>
                        <p>Картинка</p>
                    </div>
                </div>
            </div>
            <div class="grid_8 pl_10">
            	<textarea name="text[]"></textarea>
            </div>
        </div>

Под этим блоком кнопка, которая при клике должна добавлять еще одну такую форму. Когда вы генерируете данный код? Вставляете его в js при генерации страницы или же клонируете уже существующий очищая элементы, если они заполнены или еще какие-то методы есть?
Я обычно отправлял его с сервера при генерации страницы и вставлял в js, но правильно ли это?

Answer 1

[Виталий Инчин ☢]

Используйте templat'ы.

Есть форма,

Негоже называть формой то, что формой не является.

Answer 2

[Александр Варакосов]

Если форма содержит критичные данные, то лучше аппендить её из js, а из разметки исключить. Чтобы при выключенном JavaScript она не отображалась. А если форма используется редко, то её и по ajax'у можно запрашивать.

Comments

[Константин]

Чтобы при выключенном JS она не отображалась, достаточно скрыть ее с помощью CSS, а при рабочем JS в момент вызова просто показать ее.

[Александр Варакосов]

Но форма будет видна поисковику, это не всегда хорошо.

Answer 3

[Alex XYZ]

jQuery append подойдёт? api.jquery.com/append

Comments

[Алексей]

А не, как вставить я знаю... не знаю как лучше хранить перед вставкой

[Алексей Ярков]

Евгений: если создать такую же форму, то я бы клонировал

[Alex XYZ]

Евгений:

Я обычно отправлял его с сервера при генерации страницы и вставлял в js, но правильно ли это?

- если удобно, то нормально.