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

О проекте

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

MySQL

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

Хостинг

Другое








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

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

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

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

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

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

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

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

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

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

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

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



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





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

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



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