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

О проекте

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

MySQL

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

Хостинг

Другое







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

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

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

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

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

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

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

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

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

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

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

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


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





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 программы, которая может обработать входные данные и сделать с ними что-нибудь полезное.

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



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