Держать сухой с прогрессивным улучшением

Question

Я строю веб-сайт с очень небольшим количеством JavaScript, просто чтобы добавить вещи на страницу (например, контактная форма) без необходимости переходить на новую страницу.

Я понимаю, что я должен построить контактную страницу в любом случае (на случай, если у пользователя нет включения JavaScript), а затем используйте JavaScript, если у них это есть.

Так где я храним HTML для формы, если я не хочу иметь его в двух местах?

(Обычно я не так воспитываю, но мне интересно это.)

Answer 1

Если у вас есть доступ к языку на стороне сервера, вы можете сохранить отдельный фрагмент формы на внешней странице.Затем вы можете включить фрагмент на страницу содержимого HTML с соответствующим вызовом include.Это имеет дополнительное преимущество, которое для вашего JavaScript вы можете вытащить контактную форму из этого файла фрагмента, используя AJAX.На самом деле многие плагины позволяют отображать Windows DHTML с помощью HTML-контента.Например, проверить Толстым ящиком .

без языка сервера, вы можете сделать что-то подобное с кадрами.Просто отобразите фрагмент формы в кадре, когда вам нужно его ссылаться.Лично я очень не люблю рамки, поэтому это не очень привлекательное решение для меня, но вы можете использовать его, если вы выберете (и стиль планов соответствующим образом).

Answer 2

Просто поставьте свой HTML для контактной формы в файле .html.Предполагая, что вы используете PHP или что-то, просто включите файл на странице контакта и включите его в раздел для вашей динамической контактной формы.Форма до сих пор должна отправиться на одну и ту же страницу для серверов и иметь одинаковый вид и чувствовать ..

e.g.ContactForm.html

<div class="contact-form">
<input ....>
</div>

.