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

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

<html> <head><link id='innova' href='http://html-site.ru/panel/editor/moz/default_edit.css' type='text/css' rel='stylesheet' /> <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>

HTML Сайт

создаем сайт сами

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