Тег BUTTON.

  Парный блочный тег BUTTON предназначен для эмуляции на Web-странице "кнопки" - элемента интерфейса с пользователем.
  BUTTON - это аналог тега INPUT с атрибутами TYPE="button", TYPE="reset", TYPE="submit", но с бо́льшими возможностями для оформления пользовательского представления "кнопки".

  Внутренний контент элемента тега BUTTON, и его "дочерних" элементов (даже таких, например, как элемент тега IMG, элемент тега INPUT, элемент тега TEXTAREA, или элемент тега OUTPUT) браузер выведет на "кнопке".

  Использовать в качестве "дочернего" элемента тега BUTTON также элемент тега BUTTON в принципе допустимо (и может быть имеет смысл для какой-то логики привязки стилей или работы скриптов).
  Однако весь другой внутренний контент элемента тега BUTTON должен предшествовать в HTML-коде вложенной "кнопке", в противном случае он не отобразится на "родительской" "кнопке".
  В случае вложенных "кнопок" все они отобразятся на Web-странице так, как будто их элементы расположены на одном уровне по порядку следования в HTML-коде, и, соответственно, также же будет построена объектная модель документа.
  Если "нажатие" "кнопки", пользователем на Web-странице, должно быть обработано браузером с привязкой к данным, формализуемым другими элементами интерфейса в составе формы, то элемент тега BUTTON необходимо логически связать с элементом тега FORM.
  Такая связь производится либо включением элемента тега BUTTON в элемент тега FORM, либо с помощью соответствующих атрибутов этих тегов.
  И в этом случае, элемент интерфейса, созданный тегом BUTTON становится элементом формы данных.

  В принципе, скрипт может использовать элементы тега BUTTON и без элемента тега FORM, что в ряде случаев бывает оправданно.
  Атрибуты:
  TYPE - Устанавливает функционал "кнопки".

  • Значения:

    • button - "Кнопка" значения.
        "Нажатие" задает одно значение этого элемента, "ненажатие" - другое.
    • reset - "Кнопка" сброса.
        "Нажатие" приводит к сбросу всех измененных пользователем значений элементов интерфейса связанной формы к первоначальному состоянию.
        У этого элемента нет значения.
    • submit - "Кнопка" отправки.
        "Нажатие" приводит к отправке всей информации, формализованной связанной формой - получателю.

  • Значение по умолчанию - submit.
  • Атрибут не обязательный.
  ACCESSKEY - Устанавливает возможность получить фокус ввода для "кнопки" не только мышкой, но и с помощью некоторой комбинации клавиш клавиатуры.
  Получение фокуса ввода приводит элемент в готовность к выполнению своей функции и активирует все связанные с ним дополнительные сервисы. Например появится связанная подсказка.
  • Значение:

    • Латинская буква или цифра.
        К примеру комбинации клавиш для активации "кнопки" буквой "C":
      • Internet Explorer - Alt + C
      • Chrome - Alt + C
      • Opera - Shift + Esc + C
      • Safari - Alt + C
      • Firefox - Shift + Alt + C

  • Значение по умолчанию - Нет.
  • Атрибут не обязательный.
  AUTOFOCUS - Устанавливает фокус ввода "кнопке" сразу после загрузки документа.
  Получение фокуса ввода приводит элемент в готовность к выполнению своей функции и активирует все связанные с ним дополнительные сервисы. Например появится связанная подсказка.
  • Значение:

    • Нет, только присутствие.

  • Значение по умолчанию - Выключен.
  • Атрибут не обязательный.
  DISABLED - Устанавливает блокировку "кнопки".
  На Web-странице "кнопка", в этом случае, отобразится серым и будет недоступна для активации пользователем. Однако скрипт может ее активировать и(или) "нажать".
  • Значение:

    • Нет, только присутствие.

  • Значение по умолчанию - Выключен.
  • Атрибут не обязательный.
  FORM - Устанавливает связь "кнопки" с формой, когда элемент тега BUTTON располагается за пределами элемента тега FORM.
  Значение должно совпадать со значением атрибута ID соответствующего элемента тега FORM.
  FORMACTION - Устанавливает адрес обработчика формы для этой "кнопки".
  Обработчик формы — это программа (скрипт), для которого предназначена информация формализованная формой.
  Это может быть скрипт, который выполнится на сервере (например PHP-скрипт), или скрипт, который будет загружен на клиентское устройство (скорее всего JavaScript-скрипт) и выполнится на нём.
  Атрибут FORMACTION аналогичен атрибуту ACTION тега FORM, который имеет преимущество перед FORMACTION при совместном использовании.
  • Значение:


  • Значение по умолчанию - Нет.
  • Атрибут не обязательный.
  FORMENCTYPE - Устанавливает способ кодировки значения этой "кнопки", который должен быть понятен получателю.
  Атрибут FORMENCTYPE аналогичен атрибуту ENCTYPE тега FORM, но, при совместном использовании, преимущество имеет атрибут FORMENCTYPE.
  • Значение - один из mime-типов:
    • application/x-www-form-urlencoded - Вместо пробелов ставится +, все управляющие символы (не алфавитно-цифровые) и символы вроде русских букв кодируются их шестнадцатеричными значениями.
    • multipart/form-data - Данные не кодируются. Это значение применяется при отправке файлов.
    • text/plain - Пробелы заменяются знаком +, буквы и другие символы не кодируются.

  • Значение по умолчанию - application/x-www-form-urlencoded.
  • Атрибут не обязательный.
  FORMMETHOD - Устанавливает протокол передачи значения этой "кнопки", который должен быть понятен получателю.
  Атрибут FORMMETHOD аналогичен атрибуту METHOD тега FORM, который имеет преимущество перед FORMMETHOD при совместном использовании.
  • Значения:

    • get - Передача значения непосредственно в адресной строке в виде пар «имя=значение», которые добавляются к адресу - документа после вопросительного знака и разделяются между собой амперсандом (символ &).
        Полный адрес, к примеру, будет http://index.ru/content/?name=kisa&password=1234.
        Объём данных в методе ограничен 4 Кб.
    • post - Передача на сервер данных в запросе браузера, объём пересылаемых данных ограничен лишь настройками сервера.

  • Значение по умолчанию - get.
  • Атрибут не обязательный.
  FORMNOVALIDATE - Устанавливает отмену встроенной проверки на корректность значения полученного от пользователя в поле этого элемента.
  Этот атрибут аналогичен атрибуту NOVALIDATE тега FORM. При совместном использовании преимущество имеет атрибут FORMNOVALIDATE.
  • Значение:

    • Нет, только присутствие.

  • Значение по умолчанию - Выключен.
  • Атрибут не обязательный.
  FORMTARGET - Устанавливает имя окна или фрейма, куда браузер будет передавать данные, полученные от обработчика формы в ответ на отправленное значение этого элемента формы.
  При использовании атрибута TARGET в связанном элементе тега FORM преимущество имеет атрибут TARGET
  • Значения:

    • Допустимый символьный код назначенный именем фрейма.
        Для направления данных во фрейм заданное имя фрейма должно совпадать с именем указанным в атрибуте NAME элемента тега FRAME или тега IFRAME создавшего этот фрейм.
    • _blank - Данные передаются в новое окно браузера.
    • _self - Данные передаются в текущий фрейм. Если фреймов нет, то это значение равносильно _parent.
    • _parent - Данные передаются в текущее окно.
    • _top - Данные передаются в "родительский" фрейм текущего фрейма. Если "родительского" фрейма нет, то это значение равносильно _self.

  • Значение по умолчанию - _parent.
  • Атрибут не обязательный.
  NAME - Устанавливает имя "кнопки".
  Используется для идентификации значения формализованного элементом.
  TABINDEX - Устанавливает номер этого элемента в общей последовательности элементов гиперссылок (теги A и AREA), элементов интерфейса и элементов сгенерированных объектов в пределах HTML-документа.
  Это означает что, элемент может получить фокус ввода не только мышкой, но и с помощью клавиши Tab клавиатуры.
  Получение фокуса ввода устанавливает элемент в готовность к выполнению своей функции и активирует все связанные с ним дополнительные сервисы. Например появится связанная подсказка.
  • Значение:

    • Целое число от – 32 767 до 32 767 - номер в порядке обхода элементов в документе.
        Если указан положительный номер, то он будет определять порядок обхода. То есть сначала фокус ввода (возможность активации клавишей Enter) получит элемент с номером 1, потом с номером 2 и т. д. Если указан номер, равный нулю, то обход будет осуществляться в порядке, в котором элемент определен в HTML-коде HTML-документа. Если указан отрицательный номер, то этот элемент вообще исключается из порядка обхода. Добраться до него можно будет только мышкой.

  • Значение по умолчанию - 0.
  • Атрибут не обязательный.
  VALUE - Устанавливает значение "кнопки".
  Это значение дополнит значение внутреннего контента элемента тега BUTTON в надписи на "кнопке".
  Это значение будет отправлено на сервер или скрипту в составе формы.
  
В отсылаемом коде, для каждого выбранного пользователем элемента формы, браузером формируется пара:

    Значение атрибута NAME = Значение атрибута VALUE.


Пример ■■■■■■■■■■►