П О Р Т А Л                            
С Е Т Е В Ы Х                          
П Р О Е К Т О В                        
  
Поиск по сайту:
                                                 
Главная

О проекте

Web-мастеру
     HTML & JavaScript
     SSI
     Perl
     PHP
     XML & XSLT
     Unix Shell

MySQL

Безопасность

Хостинг

Другое








Самое читаемое:

Учебник PHP - "Для Чайника".
Просмотров 184736 раз(а).

Иллюстрированный самоучитель по созданию сайтов.
Просмотров 85064 раз(а).

Учебник HTML.
Просмотров 78751 раз(а).

Руководство по PHP5.
Просмотров 49337 раз(а).

Хостинг через призму DNS.
Просмотров 56916 раз(а).

Подборка текстов стандартных документов.
Просмотров 48614 раз(а).

Учебник PHP - Самоучитель
Просмотров 55254 раз(а).

Документация на MySQL (учебник & справочное руководство)
Просмотров 56364 раз(а).

Внешние атаки...
Просмотров 45806 раз(а).

Учебник PHP.
Просмотров 40500 раз(а).

SSI в примерах.
Просмотров 30673 раз(а).



 
 
| Добавить в избранное | Сделать стартовой | Помощь





1.6. Формы

Интерактивные формы позволяют читателям Web-страниц легко общаться с их владельцами. Благодаря простоте использования тага <mailto:> и форм стал возможен двусторонний диалог между владельцами Web-узлов и их читателями. Это открывает для Web-навигаторов увлекательные перспективы и коммерческие возможности. К сожалению, многие старые броузеры не поддерживают таг <mailto:>.

Как сделать так, чтобы ваша форма хорошо смотрелась

Один из способов свести все трудности к минимуму состоит в том, чтобы разместить области ввода и выпадающие меню в левой части страницы, а весь сопроводительный текст - справа. Поскольку ширину областей ввода можно задать с помощыо атрибута SIZЕ=, вы по крайней мере выровняете строки слева, а текст справа будет невыровненным - как в большинстве документов. Такая форма выглядит несколько аккуратнее. Не забудьте оставить промежуток между текстом и областью ввода формы. Другой несколько более сложный способ - разместить элементы формы в ячейки таблицы. Это позволяет разместить сопроводительный текст слева, а области ввода справа. Это показано в примере.

Пример 1.26

	<HTML>
	<HEAD>
	<TITLE>Коментарии</TITLE>
	</HEAD>
	<BODY>
	<H1>Коментарии</H1>
	<BR>Пожалуйста сообщите нам, что вы думаете о нашем web сайте, компании,
	продукции, или услугах. Если вы сообщите нам свою контактную информацию, 
	у нас будет возможность связаться с вами и ответить на ваши вопросы.</p>
	<FORM METHOD="POST" action="mailto: yourname@your.email.address">
	<H3>Контактная информация</H3>
	<TABLE BORDER="0">
	<TR>
	<TD ALIGN="right"><em>Имя</em></td>
	<TD><input type="text" size="35" name="Name"></td>
	</TR>
	<TR>
	<TD ALIGN="right"><em>Тема</em></td>
	<TD><input type="text" size="35" name="Title"></td>
	</TR>
	<TR>
	<TD ALIGN="right"><em>Компания</em></td>
	<TD><input type="text" size="35" name="Company"></td>
	</TR>
	<TR>
	<TD ALIGN ="right"><em>Адрес</em></td>
	<TD><input type="text" size="35" name="Address"></td>
	</TR>
	<TR>
	<TD ALIGN ="right"><em>Телефон</em></td>
	<TD><input type="text" size="35" name="Telephone"></td>
	</TR>
	<TR>
	<TD ALIGN ="right"><em>Факс</em></td>
	<TD><input type="text" size="35" name="FAX"></td>
	</TR>
	<TR>
	<TD ALIGN ="right"><em>E-mail</em></td>
	<TD><input type="text" size="35" name="Email"></td>
	</TR>
	</TABLE>
	<p><input type="submit" value="Послать сообщение"> 
	<input type="reset" value="Очистить форму"> </p>
	</FORM>
	</BODY>
	</HTML>

Рис 2.27. Вид формы на экране

Как заставить формы работать

Возможно, это именно тот раздел, которого вы ждете - как сделать так, чтобы формы отсылали на сервер введенные данные. На самом деле заставить форму пересылать данные довольно просто. Главная проблема - понять, куда их пересылать. Формально вы просто пишете в таге <FORM> атрибут АСТION= и задаете ссылку на URL программы, которая может обработать входные данные и сделать с ними что-нибудь полезное.

Назад | Содержание | Вперед



Если Вы не нашли что искали, то рекомендую воспользоваться поиском по сайту: