Обобщающий пример
<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>