Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Вставка кода формы

.

Freedback сгенерировал для нас законченную работоспособную разметку (правда, ради экономии места я удалил пробелы и отступы). Мы скопируем оттуда необходимые нам фрагменты и вставим их в разметку собственной формы. Нужное выделено полужирным шрифтом:

Сейчас будем взламывать код! Откройте файл contact.html в текстовом редакторе.

Сначала возьмите открывающий тег form из кода Freedback и вставьте его вместо открывающего тега form в файле contact. html. Скопируйте все скрытые поля ввода (hidden) из кода Freedback и вставьте их в элемент div сразу после открывающего тега form в файле contact.html. Должно получиться следующее (кроме значений атрибутов acctid, formid и required_vars — туда нужно ввести уникальные значения, которые Freedback назначит вашей форме; внимательно следите за тем, чтобы не скопировать случайно величины из кода ниже):

Теперь пройдитесь по полям формы — телефонный номер, удобное время для звонка и т. д., взяв оттуда части разметки, на которые я ранее обратил ваше внимание. Копируйте эти фрагменты и вставляйте их вместо соответствующих разделов нашей контактной формы. Пусть вас не смущает, что текст появляется после элементов управления формы; просто копируйте и вставляйте соответствующие элементы input, select и textarea. Как только закончите, ваша форма должна выглядеть примерно так (и снова я говорю «примерно», поскольку значения id-атрибутов должны быть уникальными для вашей учетной записи и вашей формы):

Почти все готово, но вы, наверное, разглядываете разметку выше и думаете: «Что-то здесь не так». Совершенно верно! В приведенном блоке кода действительно кое-что не так. Я подчеркивал, что каждый элемент управления формы должен иметь соответствующую ему метку (label), которая связывается с элементом через атрибут for и i d-атрибут элемента управления. После обработки формы на Freedback.com для управления ею были сгенерированы уникальные i d-атрибуты, но они не совпадают с атрибутами, присвоенными нами ранее. С этим ничего нельзя поделать, поэтому придется просто изменить все атрибуты для каждого элемента управления. В разметке ниже я выделил фрагменты, которые нужно изменить (как и прежде, значения должны быть уникальными для вас):

Вы наверняка заметили, что Freedback применил к текстовым полям ввода атрибут size=40. Ничего страшного, если вы его уберете, тем более что гораздо лучше установить ширину полей с помощью CSS, а не атрибута size.

Сохраните страницу и попробуйте открыть ее в браузере — настало время сделать это по-настоящем. Введите данные и отправьте форму (разумеется, предварительно подключившись к Интернету). Если вы все сделали правильно, то попадете на страницу подтверждения, показанную на рис. 7.32. И здесь-то вы увидите единственный весомый недостаток использования такого метода — страница содержит огромное рекламное объявление под маленьким индикатором состояния и ссылкой Continue (Продолжить).

Рис. 7.32. Freedback сообщает, что форма была отправлена

.

Читайте так же:
Not found