Создание форм HTML
Тэг <INPUT>.

Тэг <INPUT> является базовым для всех элементов формы. Он используется для внедрения в форму кнопок, графических изображений, флажков, переключателей, паролей и текстовых полей. Несмотря на внешние отличия форм все они пересылают сценарию CGI данные в виде пар имя:значение. Тэг может иметь восемь атрибутов обозначаемые как type:

• TEXT
  Однострочное текстовое поле, используется для ввода информации, которую нельзя ввести ни в одном из остальных элементов формы. Сюда вводятся имена, адреса, должности, телефоны, хобби, и данные практически любого типа. Тэг может иметь атрибуты:
  • maxlength. Задаёт максимально допустимую длину вписываемого значения в символах.
  • size. Задаёт максимально допустимую длину поля в символах.
  • value. Задаёт значение по умолчанию, которое можно менять.
  Синтаксис:

  <INPUT type="TEXT" name="Hobby" maxlength="35" size="20" value="Shopping">
  

  
  Пример:
  
• PASSWORD
  Однострочное поле, в котором вместо вводимых символов отображаются звездочки. Тэг может иметь атрибуты:
  • maxlength. Задаёт максимально допустимую длину вписываемого значения в символах.
  • size. Задаёт максимально допустимую длину поля в символах.
  • value. Задаёт значение по умолчанию, которое можно менять.
  Синтаксис:

  <INPUT type="PASSWORD" name="PASSWORD_BOX" maxlength="35" size="20">
  

  
  Пример:
  
• HIDDEN
  Еще один тип скрытого ввода информации. Позволяет пересылать сценариям информацию, которая не может быть изменена пользователем. Некоторые программы CGI используют скрытые поля для передачи информации из одной страницы в другую, например, имя или номер. Такой подход существенно облегчает работу пользователя, избавляя его от необходимости повторного ввода данных.
  Например, для пересылки файла с исходным кодом HTML используется следующая конструкция:

  <INPUT type="HIDDEN" name="file" value="anyfile.htm">
  

• CHECKBOX
  Флажки используются для предоставления возможности пользователю ответить односложно: да/нет истина/ложь больше/меньше и т.д. Выглядит обычно в виде крестика или птички. Тэг может иметь атрибуты:
  • checked. Задаёт начальный статус флажка по умолчанию.
  • value. Задаёт значение по умолчанию, которое можно менять.
  Синтаксис:

  <INPUT type="checkbox" name="send_mail" value="yes" checked>
  

  
  Пример:
  
• RADIO
  Переключатели во многом напоминают флажки, отличаясь лишь более широкими функциональными возможностями выбора. В группе переключателей может быть выбран лишь один. Для каждого переключателя указывается отдельный тэг INPUT.
  Пример:
  

    <FORM>
    Visa <INPUT type="radio" name="payment_type" value="visa"> 
    Mastercard <INPUT type="radio" name="payment_type" value="mastercard"> 
    American Express <INPUT type="radio" name="payment_type" value="AmEx" checked>
  

  
  
  Visa Mastercard American Express
• SUBMIT
  Щелчок на этой кнопке приводит к пересылке содержимого формы сценарию, который был задан атрибутом action в тэге <FORM>. C помощью кнопок можно вычислять сумму, загружать страницы, пересылать данные, сбрасывать значения.
  Синтаксис:

  <FORM method="get" или "post" action="mailto:name@domen.ru" > 
  <INPUT type="submit" value="послать">
  </FORM>
  

  
  Пример:
  
• RESET
  Кнопка используется для восстановления значений, заданных по умолчанию. Если значение по умолчанию не предусмотрено, то оно просто обнулится. Ширина кнопки может меняться в зависимости от других тэгов. Имеет так же атрибут value.
  
  Синтаксис:

  <INPUT type="reset" value="очистка">

  
  Пример:
  
  
  
• IMAGE
  Во многом похож на кнопку SUBMIT, только в качестве кнопки используется изображение. Одним из преимуществ является возможность передачи координат щелчка пользователя, что позволяет организовать карту изображений. Тэг может иметь атрибуты:
  • src. Задаёт URL файла с изображением.
  • align. Задаёт выравнивание изображения относительно текста при помощи значений TOP, MIDDLE и BOTTOM.
  • name. Задаёт имя карты, которое так же пересылается сценарию вместе с координатами.
  
  Синтаксис:

  <INPUT type="image" src="knopka.gif">

  
  
  Пример:
  
• BUTTON
  Создает другую кнопку, браузеры пользователей могут использовать значение атрибута value в качестве исходного имени файла.
  Синтаксис:

  <INPUT type="button"value="кнопка"> 

  
  Пример:
  
• FILE
  Создает управляющий тэг выбор файла.
  Синтаксис:

  <INPUT type="file">

  
  Пример:
  
• ACCESSKEY
  Задает кнопку, при нажатии которой происходит обработка поля.
  Синтаксис:

  <INPUT accesskey="a">
  

  
  Пример: нажмите Alt+a:
  
• ID
  Задает имя для ссылки.
  Синтаксис:

  <INPUT id="имя">

• SIZE
  Задает ширину элемента в пикселях.
  Синтаксис:

  <INPUT size="число">

• DISABLED
  Отключает возможность изменять содержимое поля или положение кнопки.
  Синтаксис:

  <INPUT disabled">

  
  Пример: