Оглавление

12.1. Создание формы для регистрации сайта

Создадим форму регистрации сайтов в каталоге ресурсов Интернета. Откроем Блокнот и наберем код, приведенный в листинге 20.

 Листинг 20. Пример использования форм


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
         "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
 <title>Пример использования форм</title>
 <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
 <h1>Пример формы регистрации сайта</h1>
 <form action="file.php" method="POST" enctype="multipart/form-data">
  <div>
   Логин:<br>
   <input type="text" name="pole1"><br>
   Пароль:<br>
   <input type="password" name="pole2" value="Пароль"><br>
   URL-адрес сайта:<br>
   <input type="text" name="pole3" value="http://" size="20"><br>
   Название сайта:<br>
   <input type="text" name="pole4" size="20"><br>
   Описание сайта:<br>
   <textarea name="pole5" rows="10" cols="15"></textarea><br>
   Тема сайта:<br>
   <select name="pole6">
     <option value="0" selected>Тема не выбрана</option>
     <option value="1">Тема1</option>
     <option value="2">Тема2</option>
     <option value="3">Тема3</option>
   </select><br>
   Баннер 88*31:<br>
   <input type="file" name="pole7" size="20"><br><br>
   <input type="reset" value="Очистить"> 
   <input type="submit" value="Отправить">
  </div>
 </form>
</body>
</html>

  

 

Сохраним файл под именем forma.html и откроем его в Web-браузере.
В итоге в окне Web-браузера будет отображена форма, состоящая из пяти текстовых полей (Логин, Пароль, URL-адрес сайта, Название сайта и Описание сайта), списка значений (Тема сайта), поля выбора файла с кнопкой Обзор (под надписью "Баннер 88*31:"), а также двух кнопок Очистить и Отправить.

 

Пример формы регистрации сайта

Логин:

Пароль:

URL-адрес сайта:

Название сайта:

Описание сайта:

Тема сайта:

Баннер 88x31:


 

Кнопка Очистить возвращает все значения формы к первоначальным. Кнопка Отправить позволяет отправить данные, введенные пользователем, программе (URL-адрес которой указан в параметре action тега <form>, в данном случае file.php), расположенной на Web-сервере. Программа обработает данные и либо добавит сайт в каталог и выдаст подтверждение об успешной регистрации, либо выдаст сообщение об ошибке, если обязательное поле не заполнено или заполнено неправильно. В нашем случае программы обработки нет, и отправка данных формы ни к чему не приведет, точнее, приведет к ошибке "Файл не найден".

Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити