Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Web / ИТ_Лекции / !_7_Лекция ФОРМЫ адрес сайта.doc
Скачиваний:
16
Добавлен:
15.04.2015
Размер:
2.72 Mб
Скачать

Обобщающий пример

<html>

<head>

<title>Заголовок документа</title>

</head>

<body>

<form name="forma1">

<table border="0" cellspacing="5" cellpadding="5">

<caption>Форма регистрации</caption>

<tr>

<td align="right" valign="top">Имя</td>

<td><input type="text" name="name" size="25"></td>

</tr>

<tr>

<td align="right" valign="top">e-mail</td>

<td><input type="text" name="e-mail" size="25"></td>

</tr>

<tr>

<td align="right" valign="top" >Пароль</td>

<td>

<input type="password" name="password" size="25">

</td>

</tr>

<tr>

<td align="right" valign="top" >Повтор пароля</td>

<td>

<input type="password" name="password2" size="25">

</td>

</tr>

<tr>

<td align="right" valign="top" >Пол</td>

<td>

<input type="radio" name="sex" value="man" checked>

мужской

<input type="radio" name="sex" value="woman">

женский

</td>

</tr>

<tr>

<td align="right" valign="top">Увлечения</td>

<td><select name="hobby" size="7" multiple>

<option selected value="1">компьютеры

<option value="2">спорт

<option value="3">игры

<option value="4">животные

<option value="5">автомобили

<option value="6">клубы

<option value="7">музыка

</select>

</td>

</tr>

<tr>

<td align="right" valign="top">Ваши пожелания</td>

<td>

<textarea cols="30" rows="3" wrap="physical">

</textarea>

</td>

</tr>

<tr>

<td align="right" colspan="2">

<input type="submit" name="submit" value="Отправить">

<input type="reset" name="reset" value="Очистить">

</td>

</tr>

</table>

</form>

</body>

</html>

Начало формы

Конец формы

Пример html-формы

HTML-код формы с использованием всех возможных элементов :

Внимание! Передавать данные бесполезно - это всего лишь образец формы. Программы для обработки данных с этой формы не существует!

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<title>Форма регистрации на сайте знакомств</title>

</head>

<BODY>

<H1>Форма регистрации на сайте знакомств</h1>

<FORM ACTION="cgi-bin/example.pl" method="post">

<table border="1" cellpadding="5" cellspacing="0" width="40%">

<tr>

<td width="50%" align="right">Ваше имя: </td>

<td width="50%"> <INPUT NAME="name1" SIZE="10" MAXLENGTH="12">

</td>

</tr>

<tr>

<td width="50%" align="right">Ник: </td>

<td width="50%"> <INPUT NAME="nick" SIZE="10" MAXLENGTH="12">

</td>

</tr>

<tr>

<td width="50%" align="right">Пароль: </td>

<td width="50%"> <INPUT TYPE="password" NAME="psw" SIZE="10" MAXLENGTH="12">

</td>

</tr>

<tr>

<td width="50%" align="right">Повтор пароля: </td>

<td width="50%"> <INPUT TYPE="password" NAME="repsw" SIZE="10" MAXLENGTH="12">

</td>

</tr>

<tr>

<td width="50%" align="right">Ваш e-mail :</td>

<td width="50%"> <INPUT TYPE="password" NAME="email" SIZE="10" MAXLENGTH="12">

</td>

</tr>

<tr>

<td width="50%" align="right">Фотография: </td>

<td width="50%"> <INPUT TYPE="file" NAME="foto" SIZE="10" MAXLENGTH="12">

</td>

</tr>

<tr>

<td width="100%" align="left" colspan="2">Ваши интересы:</td>

</tr>

<tr>

<td width="50%" align="left">

<INPUT TYPE="checkbox" NAME="books" value="yes">Книги<br>

<INPUT TYPE="checkbox" NAME="music" value="yes">Мызыка<br>

<INPUT TYPE="checkbox" NAME="cinema" value="yes">Кино<br>

</td>

<td width="50%" align="left">

<INPUT TYPE="checkbox" NAME="cook" value="yes">Кухня<br>

<INPUT TYPE="checkbox" NAME="style" value="yes">Мода<br>

<INPUT TYPE="checkbox" NAME="dance" value="yes">Танцы<br>

</td>

</tr>

<tr>

<td width="50%" align="left">

Ваш пол:

</td>

<td width="50%" align="left">

<INPUT TYPE="radio" NAME="income" value="male">муж

<INPUT TYPE="radio" NAME="income" value="female">жен

</td>

</tr>

</table>

<p>

<TEXTAREA name="comments" COLS=40 ROWS=4>

Несколько слов о себе.

</TEXTAREA>

<p>

<INPUT TYPE="submit" value="передать данные">

<INPUT TYPE="reset" value="Сброс данных">

</FORM>

</body>

</html>