Перейти к содержанию

HTML/Формы

Материал из Викиверситета

Зачастую на Web — сайтах можно встретить страницы с размещенными на них HTML - формами. Веб-формы – удобный способ получения информации от посетителей вашего сайта. Пример тому — гостевая книга, — которая обеспечивает обратную связь с посетителями и разработчиками сайта. Формы так же удобны и для разработчиков сайта при разработке CMS, которая позволяет поддерживать главное свойство сайта - актуальность.

<form>...</form>

Основные атрибуты

[править]
  • action — адрес, куда должны быть отправлены данные
  • method — метод отправки данных формы: POST или GET. Главное отличие методов POST и GET заключается в способе передачи информации. В методе GET параметры передаются через адресную строку, т.е. по сути в HTTP-заголовке запроса, в то время как в методе POST параметры передаются через тело HTTP-запроса и никак не отражаются на виде адресной строки.

Элементы формы

[править]

1. Однострочные текстовые поля

         <input type="text" />

2. Поле ввода пароля.

         <input type="password" />

3. Checkbox — флажок. Обычно выглядит как квадратик, в который ставится галочка.

         <input type="checkbox" />я принимаю лицензионное соглашение

4. Radiobutton — радиокнопка. Контрол, который используют в тестах, когда нужно выбрать один из нескольких вариантов

         <input type="radio" />я принимаю лицензионное соглашение
         <input type="radio" />я не принимаю лицензионное соглашение

5. Кнопка

         <input type="button" value="Кнопочка" />

6. Кнопка «отправить» (submit)

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

7. Кнопка «сброc», возвращает все поля формы в исходное положение

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

8. Многострочное текстовое поле

          <textarea>А тут какой-нибудь текст.</textarea>

9. Кнопка для загрузки файлов Служит для реализации загрузки файлов на сервер. Объект browse начитается с парных тегов <form></form>. Начинающий тэг <form> содержит необходимый атрибут encrypt. Атрибут encrypt принимает значение multipart/form-data, который извещает сервер о том, что вместе с обычной информацией посылается и файл. При создании текстового поля также необходимо указать тип файла – «file».

      <form enctype="multipart/form-data" action="upload.php" method="post"> 
          Загрузить файл: 
          <input name="my_file" type="file"> 
          <input type="submit" value="Отправить"> 
      </form>


Курс HTML
Предыдущий урок: HTML/ФрэймыСледующий урок: HTML/Сanvas