Создание и применение форм

Поисковая работа на тему Создание и применение форм Большинство Web-страниц состоит только из текста, изображений и гиперссылок. Эти страницы просто создавать, и они могут служить прекрасным средством для публикации информации. Однако в некоторых ситуациях нужны такие возможности для ввода данных и их представления, которые невозможно получить с помощью одних гиперссылок.
скретч билеты

Во многих случаях Web-сайт должен стать интерактивным. Это означает, что он должен не только предоставлять информацию посетителям, но и иметь возможность получать информацию от них. Решением в таких ситуациях являются формы HTML. Формы предоставляют в ваше распоряжение текстовые поля, переключатели, флажки, кнопки и другие элементы управления. Пользователю достаточно ввести данные в текстовое поле и нажать кнопку Submit (отправить), чтобы данные отправились на Web-сервер. Цель этого раздела — научить вас создавать формы HTML и работать с ними. Но учтите, что это только половина работы. На Web-сайте должна работать специальная программа, которая принимает вводимые посетителями, и которая записывает их в файл, базу данных, реагируя на эти данные (например, отправкой электронной почты) и т. Д. Подробнее об этом будет рассказано позже. Формы HTML В Web можно часто встретить страницы, предназначенные для сбора данных. Как правило, на этих страницах размещены формы HTML. Пример такой страницы приведен на рис. 1. Что касается форм HTML существует несколько основных правил. Каждая форма занимает определенный участок Web-страницы. На странице можно розмститы одну или несколько форм. Внутри каждой формы может размещаться один или несколько элементов форм. Каждый элемент формы имеет имя и значение. Имя идентифицирует поле для ввода информации, а значение определяется текущим введенным в это поле значением. Один из элементов формы (это может быть, например, обычная кнопка или графическое поле формы) должен выполнять функции кнопки Submit (отправить). Когда посетитель Web нажимает на эту кнопку, браузер — кодирует все имена элементов и введенные пользователем значения; — передает данные на Web-сервер для обработки. Свойство Action для формы включает в себя адрес URL, по которой запускается программа на Web-сервере, обрабатывает полученную из браузера информацию. Другое название этого адреса — Action URL. Рис. 1. Пример формы HTML на Web-странице Скрипты для браузера (browser scripts) — это самые большие участки программного кода, которые размещаются внутри кода HTML и выполняются на компьютере посетителя Web. Возможности таких скриптов ограничены в целях безопасности. Но они могут в полной мере использоваться для изменения свойств элементов формы и реагирования на события формы. Настройка свойств элементов формы Есть три основных способа открыть основные свойства элемента формы

  1. просто щелкнуть по этому элементу два раза мышью;
  2. щелкнуть правой кнопкой мыши по элементу и в контекстном меню выбрать Form Field Properties;
  3. выделить элемент формы и нажать Alt + Enter.
Откроется диалоговое окно, которое будет зависеть от типа выбранного вами элемента. Свойства элементов каждого типа будут рассмотрены ниже. Создание форм в FrontPage FrontPage позволяет очень просто добавлять формы и элементы форм на Web-страницы. Чтобы добавить форму на Web-странице: Установите точку вставки там, где вы хотите разместить первый элемент формы. Выберите Form в меню Insert, а затем в открывшемся меню, снова выберите Form. Форма будет помещена на страницу. В результате вы обнаружите на странице область, обозначенную прерывистой рамкой, с кнопками Submit и Reset. Для каждого из элементов, которые вы хотите разместить в этой форме, установите курсор вставки в нужном месте формы и выберите этот элемент в меню Insert Form. Чтобы увеличить размеры формы, достаточно просто добавить в нее смысл — текст, изображения, таблицы и другие элементы формы. Вставлять содержание можно просто вставкой, перетаскиванием или через буфер обмена. Элементы форм помещаются на одной строке с текстом. Это означает, что если вы хотите разместить, например, два текстовых поля на разных строках, вам придется создать для каждого поля отдельный абзац. Для упорядочения элементов формы по вертикали или горизонтали лучше использовать таблицы. Для создания второй формы на странице просто создайте ее в другой области или поместите элемент формы за пределами существующей формы. На рис. 2 показано, как форма, изображенная на рис. 1, выглядит FrontPage. Границы формы выделены жирной прерывистой рамкой. Внутри формы помещена таблица HTML, которая управляет размещением элементов формы. Рис. 2. Форма, показанная на рис. 1, открытая в FrontPage Однако создание формы — это только начало работы. Вы должны также настроить свойства как самой формы, так и ее элементов. Следующие разделы этой главы будут посвящены именно такому описанию. Но учтите, что и после настройки всех элементов формы ваша работа еще не закончена. Необходимо также продумать механизм, который позволит вам обрабатывать данные, поступающие на Web-сервер. Настройка свойств форм HTML Сама по себе форма HTML — это просто шаблон для ввода данных, который не может делать какие-либо вычисления. Для обработки или хранения данных, вводимых посетителями Web в формы, вам необходимо либо воспользоваться возможностями, предоставляемыми FrontPage Server Extensions, или любой другой программой, работающих на Web-сервере. Но какую бы программу вы не использовали, вам все равно понадобится настроить свойства формы и элементов на ней. Чтобы открыть свойства формы, выберите Form в меню Insert, а затем — Form Properties (можно просто щелкнуть правой кнопкой мыши по любому месту формы и в контекстном меню выбрать Form Properties). Откроется диалоговое окно, показанное на рис. 3. Рис. 3. Диалоговое окно Form Properties В разделе Where to store results вы указываете, что необходимо будет сделать с данными, введенными в форму. В вашем распоряжении следующие варианты: Send to file name — данные будут помещены в указанный вами файл на Web-сервере. Этот файл может быть Web-страницей, будет становиться все длиннее и длиннее, или файлом данных, который затем можно будет обработать в Excel, Access или любой другой программой. Send to e-mail address — каждый раз при нажатии посетителем Web кнопки Submit на форме будет генерироваться электронное отправляемого на указанный вами адрес. В этом сообщении будут содержаться все данные, которые ввел посетитель Web. Send to database — данные формы будут отправлены в базу данных. База данных должна находиться на Web-сервере (или быть доступной из него). Для того чтобы можно было воспользоваться таким решением, должны быть выполнены следующие условия: — между Web-сервером и базой данных должно быть установлено соединение по ODBC (Open Database Connectivity); — вы должны указать (с помощью кнопки Options) имя соединения ODBC и таблицы в базе данных, где будут храниться ваши данные; — имя каждого элемента формы должно совпадать с именем соответствующего поля в таблице. Send to other — с помощью этого поля вы сможете настроить отправку данных формы какой-либо специализированной программе или компонента FrontPage. В вашем распоряжении три варианта: — Custom ISAPI, NSAPI, CGI, or ASP Script — данные формы будут передаваться какой-либо размещенной на сервере программе, которая не является частью FrontPage. При этом, конечно, для определения необходимого формата данных желательно обратиться к документации программы или в ее разработчиков.
Комментарии и пинги к записи запрещены.

Комментарии закрыты.