Элемент button


HTML тег

Тег используется для создания интерактивных кнопок на веб-странице. В отличие от одинарного тега (с атрибутом type=”button”), при помощи которого также можно создавать кнопки, содержимым тега может быть как текст, так и изображение.

Если вы хотите создать кнопку в HTML форме, используйте элемент , так как браузеры по-разному отображают содержимое тега .

Синтаксис

Содержимое тега пишется между открывающим и закрывающим тегами.

Пример

Результат

Использование CSS стилей

К тегу можно применять CSS стили для изменения внешнего вида кнопки, ее размера, цвета, шрифта текста и т.д.

Пример

Результат

Атрибуты

У тега нет обязательных атрибутов, однако мы рекомендуем всегда использовать атрибут type=”button”, если тег используется в качестве обычной кнопки.

HTML тег

Элемент (от англ. «button» ‒ «кнопка») cоздаёт в документе интерактивные кнопки. Внутри тега вы можете разместить как отформатированный текст, так и изображение. Это основная разница между этим элементом и кнопками, созданными с использованием тега (c атрибутом type = «button» ).


Примечание: Всегда указывайте для тега тип атрибута type = «button» если элемент используется в качестве обычной кнопки. Если вы используете тег внутри HTML формы, то вы можете столкнуться с тем, что разные браузеры могут представить различные значения.

Совет: Используйте тег для создания кнопок внутри HTML форм.

Синтаксис

Закрывающий тег

Атрибуты

Для этого элемента доступны глобальные атрибуты и события.

button

Поддержка браузеров

IE Opera Chrome Firefox Safari
до версии 7 не поддерживает атрибут value + + + +

Пример

Описание и использование

Тег вставляет в документ кнопку.

Внутри элемента button Вы можете размещать контент (текст, изображения). В этом заключается разница между этим элементом и кнопками, созданными с помощью элемента input.

Всегда указывайте атрибут type для кнопки. Значение по умолчанию атрибута type в Internet Explorer — «button», в других браузерах — «submit».


Важно: Если Вы используете элемент button в HTML форме, разные браузеры обработают его по разному. Internet Explorer передаст текст между тегами и , а другие браузеры — содержание атрибута «value». Используйте элемент input для создания кнопок в HTML форме.

HTML тег button

Тег определяет кнопку формы.

Внутри элемента можно помещать контент — текст или изображения. Это основное отличие кнопок созданных при помощи этого элемента и элемента .

При определении элемента следует всегда задавать атрибут type, так как разные браузеры по умолчанию определяют разные типы для элемента .

При использовании элемента в HTML форме разные браузеры могут передавать разные значения. Поэтому в HTML формах для создания кнопок лучше использовать элемент .

Тег button и его атрибуты — создание кнопок на сайте

Доброго здоровья всем читателям моего блога! Продолжаем тему построения html форм, сегодня рассмотрим создание кнопок на сайте при помощи тега button и его атрибутов. В прошлой статье я давал вам описание форм в html, которые можно получить при использовании тегов form и input, теперь двинемся дальше.

Прежде чем продолжить, я хочу предостеречь вас, уважаемые читатели, от легкомысленного отношения к изучению языка гипертекстовой разметки html в общем и его основных тегов в частности. Даже при использовании современных средств для построения сайтов, таких как движок WordPress, знание основ языка разметки точно лишним не будет.

Тем более, применение для этих целей таких средств как великолепный плагин Firebug для Мазила Фаерфокс (кстати, последние версии других популярных браузеров обладают уже встроенными подобными функциями) или html и php редактор notepad plus plus делает этот процесс интересным и увлекательным, потому что во многом облегчают жизнь вебмастеру. Ну а теперь незамедлительно перехожу к сегодняшней теме.

Применение тега button и его атрибутов для создания кнопок

Помните, в прошлой статье я писал о создании кнопок на сайте посредством тега input и с помощью его самого распространенного атрибута type (который может иметь три значения для создания кнопок: button, reset, submit). Так вот тег button (не путать со значением атрибута type=“button” тега input) может предложить гораздо более широкие возможности. На кнопке, смонтированной с его помощью, можно расположить практически любые элементы, в том числе изображения. Например:

Кнопка с надписью Кнопка с надписью
Кнопка с изображением

Далее. Как вы понимаете, для расширения функциональных возможностей того или иного тега форм используется множество атрибутов, которые могут принимать те или иные значения. Ниже даю примеры применения некоторых атрибутов тега button с необходимыми пояснениями.


1. accesskey — атрибут для определения горячих клавиш, с помощью которых происходит переход фокуса к элементу формы. Проще говоря, для нажатия на кнопку не обязательно подводить к ней курсор мыши, а достаточно нажать на клавишу, название которой задано с помощью этого атрибута. Латинские буквы (a-z) или цифры (0-9). Например, подставив значение 1 и a, получаем горячие клавиши, с помощью которых можно нажимать на кнопку.

Однако надо помнить, что в различных браузерах эта функция реализуется по-разному и используется сочетания клавиш. Для данного примера (горячие клавиши 1 и a) в самых популярных браузерах это выглядит так: Google Chrome (как загрузить, установить, обновить) — Alt+1, Alt+A; Firefox — Shift+Alt+1, Shift+Alt+A; Opera (здесь статья о том, как бесплатно скачать, установить, обновить и настроить браузер Опера) — Shift+1, Shift+A; Internet Explorer — Alt+1, Alt+A

2. autofocus — этот атрибут позволяет получить установку фокуса после загрузки страницы, то есть можно нажать кнопку без подведения к ней курсора мыши, например, с помощью кнопки Enter на клавиатуре. Обратите внимание, что здесь использован тег fieldset, который мы еще будем рассматривать.

3. disabled — с помощью данного атрибута блокируется доступ к кнопке и ее изменение. Таким образом, она становится недоступной для пользователя. Значение такой кнопки не передается в файл обработчика (скрипта).

Активная кнопка
Неактивная кнопка

4. form — этот атрибут используется для того чтобы связать кнопку с формой. Это нужно в тех случаях, когда кнопка не располагается внутри тега form. В качестве значения атрибута form используется значение атрибута >

Илон Маск рекомендует:  Что такое код createpen

5. formenctype — этот атрибут тега button позволяет установить способ кодировки при отправке данных обработчику и определяется тремя значениями:

  • application/x-www-form-urlencoded — в этом случае при кодировке вместо пробелов ставится +, а вместо русских букв появляются их шестнадцатеричные значения, например, что-то типа такого: %2F%3D%26%3F%2%3D%26%3D
  • multipart/form-data — при использовании этого значения данные не кодируются
  • text/plain — вместо пробелов используется знак +, буквы и другие символы кодировке не подвергаются

Надо отметить, что если значение атрибута formenctype не проставлено, то по умолчанию используется application/x-www-form-urlencoded, то есть полное кодирование.

6. formaction — этот атрибут определяет адрес обработчика формы (обычно файл, написанный в виде скрипта). Он аналогичен атрибуту action тега form.

7. formmethod — опять же по аналогии с атрибутом method тега form он определяет способ передачи данных (get либо post).

9. type — определяет тип кнопки по ее функции. Внешний вид кнопок никак не отличается, однако они обладают различным функционалом, который определяется следующими значениями:

  • button — обычная кнопка
  • reset — кнопка для очистки данных формы и возвращение их в первоначальное состояние
  • submit — кнопка для отправки данных формы обработчику


10. name — уникальное название кнопки. Если на сайте существует несколько различных кнопок и необходимо их разделить, то используют данный атрибут. В качестве значения применяют набор символов их букв или цифр.

Особая кнопка 1

11. value — определяет значение кнопки, которое будет отправлено обработчику формы вместе со значением атрибута name. Значение атрибута value может не совпадать с содержанием текста на кнопке.

Целью данного поста было познакомить вас, уважаемые читатели, со всеми возможностями, которые предоставляет тег button и его атрибуты для создания кнопок на сайте. Надеюсь, для вас не осталось темных пятен по этой теме. Это не последняя публикация, продолжение обязательно последует, поэтому милости прошу подписываться на обновления через ленту RSS или по электронной почте.

Использование элемента button

Элемент button является более гибким, чем это может показаться на первый взгляд. Есть три способа, которыми вы можете использовать кнопку ( button ). Ключом к этим различным режимам работы является атрибут type , который имеет три значения. Они описаны в таблице 12-10.

Таблица 12-10: Значения атрибута type элемента button

Значение Описание
submit Указывает, что кнопка будет использоваться для отправки формы
reset Указывает, что кнопка будет использоваться для сброса формы
button Указывает, что кнопка не имеет конкретного смыслового значения

В следующих разделах я опишу каждое из этих значений и функционал, который они предлагают.

Использование элемента button для отправки формы

Если атрибут type установлен на submit , при нажатии кнопки будет отправлена форма, которая содержит кнопку. Это поведение по умолчанию, если атрибут type не применяется. Когда вы используете кнопку таким образом, у вас есть доступ к некоторым дополнительными атрибутами, которые описаны в таблице 12-11.

Таблица 12-11: Дополнительные атрибуты, которые можно использовать, если атрибут type установлен на submit

Атрибут Описание
form Определяет форму (или формы), с которой связана кнопка. Для более подробной информации смотрите раздел «Работа с элементами вне формы»
formaction Переопределяет атрибут action элемента form и задает новый адрес, на который будет отправлена форма. Для более подробной информации по атрибуту action смотрите раздел «Настройка формы при помощи атрибута action» ранее в этой главе
formenctype Переопределяет атрибут enctype элемента form и указывает кодировку для данных формы. Для более подробной информации по атрибуту enctype смотрите раздел «Настройка кодирования данных» ранее в этой главе
formmethod Переопределяет атрибут method элемента form . Для более подробной информации по атрибуту method смотрите раздел «Использование атрибута method» ранее в этой главе
formtarget Переопределяет атрибут target элемента form . Для более подробной информации по атрибуту target смотрите раздел «Указание цели для ответа формы» ранее в этой главе
formnovalidate Переопределяет атрибут novalidate элемента form , чтобы указать, должна ли быть выполнена валидация со стороны клиента. Информацию по валидации вы можете узнать в главе 14

По большей части эти атрибуты позволяют изменить или дополнить конфигурацию элемента form и указать действие, метод, схему кодирования, цели, а также контролировать валидацию на стороне клиента. Эти атрибуты являются новым в HTML5. В листинге 12-15 показано, как можно применить эти атрибуты к элементу button .


Листинг 12-15: Использование атрибутов элемента button

В этом примере я опустил атрибуты action и method элемента form и добавил настройки при помощи атрибутов formaction и formmethod элемента button .

Использование элемента button для сброса формы

Если вы установите атрибут type на reset , то при нажатии кнопки все элементы ввода данных, которые присутствуют в форме, будут сброшены и возвращены в исходное состояние. Тут нет никаких дополнительных атрибутов, если элемент button используется таким образом. В листинге 12-16 показано добавление в документе HTML кнопки сброса.

Листинг 12-16: Использование элемента button для сброса формы

На рисунке 12-11 вы можете увидеть результат сброса формы.

Рисунок 12-11: Сброс формы

Использование button как общего элемента

Если вы установите атрибут type на button , вы создадите элемент button , который является ну . просто кнопкой. У нее нет никакого особого значения, и она не будет ничего делать, когда вы нажимаете ее. В листинге 12-17 показано добавление такой кнопки в HTML документ.

Листинг 12-17: Использование общей кнопки

Может показаться, что это не такой уж и разумный способ использования данного элемента, но как я объясню в главе 30, вы сможете использовать JavaScript для выполнения действий при нажатии кнопки. Это позволяет создавать собственную динамику и поведение на веб странице.

Обратите внимание, что я стилизовал текст, содержащийся в элементе button . Вы можете использовать любые фразовые элементы для разметки текста. Результат этой разметки можно увидеть на рисунке 12-12.

Рисунок 12-12: Добавление общего элемента button

Элемент Button (лента сервера) Button element (Server Ribbon)


Применимо к: SharePoint 2020 | SharePoint Foundation 2013 | SharePoint Online | SharePoint Server 2013 Applies to: SharePoint 2020 | SharePoint Foundation 2013 | SharePoint Online | SharePoint Server 2013

Определяет элемент управления «кнопка». Defines a push button control.

Элементы и атрибуты Elements and attributes

В следующих разделах описываются атрибуты, дочерние и родительские элементы. The following sections describe attributes, child elements, and parent elements.

Атрибуты Attributes

Атрибут Attribute Описание Description
Alt Alt Необязательный атрибут. Optional. Альтернативный текст для кнопки. Alternative text for the button.
Command Command Необязательный атрибут. Optional. Имя команды, выполняемой при выборе элемента управления. The name of the command to execute when the control is selected. Если элемент управления находится в элементе CommandUIDefinition, значение атрибута Command этого элемента управления должно совпадать со значением атрибута Command соответствующего элемента CommandUIHandler. If the control is in a CommandUIDefinition element, the value of the Command attribute of the control should be the same as the value of the Command attribute of a corresponding CommandUIHandler element.
CommandType CommandType Необязательный атрибут. Optional. Значение перечисления, указывающее тип команды. An enumeration value that specifies the type of command.

Общие. General. Команда неопределенного типа. Not a specific type of command.

Оптионселектион. OptionSelection. Команда, создаваемая при выборе пользователем одного из параметров в группе параметров. A command that is generated when a user selects one option in an option group.

Игноредбимену. IgnoredByMenu. Команда, используемая для элементов управления, которые не должны закрывать меню при выборе. A command that is used for controls that should not close the menu when selected. Коммандвалуеид CommandValueId Необязательный атрибут. Optional. Строка, которая отправляется с помощью события Command при выборе кнопки. A string that is sent with the command event when the button is selected. Описание Description Необязательный параметр. Optional. Строка, описывающая кнопку. A string that describes the button. Описание отображается только в том случае, если кнопка находится в меню и отображается в режиме отображения Menu32 . The description is displayed only when the button is in a menu and is being rendered with the Menu32 display mode. Id Id Обязательный. Required. Строка идентифицирующая элемент управления, например, «Ribbon.Library.Share.NewRibbonButton». A string that identifies the control, such as «Ribbon.Library.Share.NewRibbonButton». Image32by32 Image32by32 Необязательный атрибут. Optional. Зависящий от сервера URL-адрес файла, содержащего изображение размером 32 х 32 пикселя, которое будет использоваться в качестве значка, например «/_layouts/1033/images/formatmap32x32.png». A server-relative URL to a file that contains a 32-by-32-pixel image to be used as an icon, such as «/_layouts/1033/images/formatmap32x32.png». Image32by32Class Image32by32Class Необязательный атрибут. Optional. Имя селектора класса CSS, предназначенного для применения к изображению. The name of a CSS class selector to be applied to the image. Image32by32Left Image32by32Left Необязательный атрибут. Optional. Отрицательное целое число, определяющее смещение левого края изображения. A negative integer that represents an offset for the left edge of the image. Этот атрибут используется в том случае, если атрибут Image32by32 указывает на файл, в котором хранятся изображения нескольких значков. Use this attribute when the Image32by32 attribute points to an image file that contains images for many icons.

Значение атрибута Image32by32Left используется для задания атрибута CSS left для встроенного стиля HTML-тега img. The value of the Image32by32Left attribute is used to set the CSS left attribute for the inline style of an HTML img tag. Например, если задать для атрибута Image32by32Left значение «-160», а атрибуту Image32by32Top — значение «-448», то встроенный стиль будет выглядеть так, как в следующей HTML-разметке: For example, setting the Image32by32Left attribute to «-160» and the Image32by32Top attribute to «-448» results in an inline style that is similar to the one in the following HTML markup:
HTML Image32by32Top Image32by32Top Необязательный атрибут. Optional. Отрицательное целое число, определяющее смещение верхнего края изображения. A negative integer that represents an offset for the top edge of the image. Этот атрибут используется в том случае, если атрибут Image32by32 указывает на файл, в котором хранятся изображения нескольких значков. Use this attribute when the Image32by32 attribute points to an image file that contains the images for many icons. Значение атрибута Image32by32Top используется для задания атрибута CSS top для встроенного стиля HTML-тега img. The value of the Image32by32Top attribute is used to set the CSS top attribute for the inline style of an HTML img tag. Image16by16 Image16by16 Необязательный атрибут. Optional. Зависящий от сервера URL-адрес файла, содержащего изображение размером 16 на 16 пикселов, которое будет использоваться в качестве значка, например «/_layouts/1033/images/formatmap16x16.png». A server-relative URL to a file that contains a 16-by-16-pixel image to be used as an icon, such as «/_layouts/1033/images/formatmap16x16.png». Image16by16Class Image16by16Class Необязательный атрибут. Optional. Имя селектора класса CSS, предназначенного для применения к изображению. The name of a CSS class selector to be applied to the image. Image16by16Left Image16by16Left Необязательный атрибут. Optional. Отрицательное целое число, определяющее смещение левого края изображения. A negative integer that represents an offset for the left edge of the image. Этот атрибут используется в том случае, если атрибут Image16by16 указывает на файл, в котором хранятся изображения нескольких значков. Use this attribute when the Image16by16 attribute points to an image file that contains images for many icons. Значение атрибута Image16by16Left используется для задания атрибута CSS left для встроенного стиля HTML-тега img. The value of the Image16by16Left attribute is used to set the CSS left attribute for the inline style of an HTML img tag. Image16by16Top Image16by16Top Необязательный атрибут. Optional. Отрицательное целое число, определяющее смещение верхнего края изображения. A negative integer that represents an offset for the top edge of the image. Этот атрибут используется в том случае, если атрибут Image16by16 указывает на файл, в котором хранятся изображения нескольких значков. Use this attribute when the Image16by16 attribute points to an image file that contains images for many icons. Значение атрибута Image16by16Top используется для задания атрибута CSS top для встроенного стиля HTML-тега img. The value of the Image16by16Top attribute is used to set the CSS top attribute for the inline style of an HTML img tag. Лабелксс LabelCss Необязательный атрибут. Optional. Имя селектора класса CSS, предназначенного для применения к надписи элемента управления. The name of a CSS class selector to be applied to the control’s label. Лабелтекст LabelText Необязательный атрибут. Optional. Текст надписи элемента управления. The text to label the control. Менуитемид MenuItemId Необязательный атрибут. Optional. Строка, идентифицирующая пункт меню, в котором находится кнопка. A string that identifies the menu item where the button is located. Sequence Sequence Необязательный атрибут. Optional. Целое число, определяющее положение элемента среди XML-узлов того же уровня. An integer that specifies the order of placement among sibling XML nodes. Темплатеалиас TemplateAlias Необязательный атрибут. Optional. Строка, соответствующая значению атрибута TemplateAlias для элемента ControlRef, OverflowArea или OverflowSection в элементе GroupTemplate. A string that matches the value of the TemplateAlias attribute for a ControlRef element, an OverflowArea element, or an OverflowSection element in a GroupTemplate element. Атрибут TemplateAlias используется для задания размера и положения элементов управления в группе при применении шаблона к группе. The TemplateAlias attribute is used to size and position controls within a group when a template is applied to the group. ToolTipImage32by32 ToolTipImage32by32 Необязательный атрибут. Optional. Зависящий от сервера URL-адрес файла, содержащего изображение размером 32 х 32 пикселя, которое будет использоваться в подсказке, например «/_layouts/1033/images/formatmap32x32.png». A server-relative URL to a file that contains a 32-by-32-pixel image to be used in the tooltip, such as «/_layouts/1033/images/formatmap32x32.png». ToolTipImage32by32Class ToolTipImage32by32Class Необязательный атрибут. Optional. Имя селектора класса CSS, предназначенного для применения к изображению. The name of a CSS class selector to be applied to the image. ToolTipImage32by32Left ToolTipImage32by32Left Необязательный атрибут. Optional. Отрицательное целое число, определяющее смещение левого края изображения. A negative integer that represents an offset for the left edge of the image. Этот атрибут используется в том случае, если атрибут ToolTipImage32by32 указывает на файл, в котором хранятся изображения нескольких значков. Use this attribute when the ToolTipImage32by32 attribute points to an image file that contains the images for many icons. Значение атрибута ToolTipImage32by32Left используется при создании страницы для задания атрибута CSS left. The value of the ToolTipImage32by32Left attribute is used to set the CSS left attribute when the page is created. ToolTipImage32by32Top ToolTipImage32by32Top Необязательный атрибут. Optional. Отрицательное целое число, определяющее смещение верхнего края изображения. A negative integer that represents an offset for the top edge of the image. Этот атрибут используется в том случае, если атрибут ToolTipImage32by32 указывает на файл, в котором хранятся изображения нескольких значков. Use this attribute when the ToolTipImage32by32 attribute points to an image file that contains the images for many icons. Значение атрибута ToolTipImage32by32Top используется при создании страницы для задания атрибута CSS top. The value of the ToolTipImage32by32Top attribute is used to set the CSS top attribute when the page is created. Тултиптитле ToolTipTitle Необязательный атрибут. Optional. Текст, отображаемый в качестве заголовка всплывающей подсказки. The text that appears as the title of the tooltip. Тултипдескриптион ToolTipDescription Необязательный атрибут. Optional. Текст, отображаемый в качестве основного текста всплывающей подсказки. The text that appears in the body of the tooltip. Тултифелпкэйворд ToolTipHelpKeyWord Необязательный атрибут. Optional. Ключевое слово, используемое в контекстной справке. The keyword that is used by context-sensitive Help. Тултипшорткуткэй ToolTipShortcutKey Необязательный атрибут. Optional. Сочетание клавиш, отображаемое во всплывающей подсказке. The text to display for the shortcut key in the tooltip. Например, если сочетание клавиш для элемента управления — Alt + J, значение этого атрибута — «Alt + J». For example, if the shortcut key for the control is Alt+J, the value for this attribute is «Alt+J». В подсказке отображается текст сочетания клавиш в круглых скобках после заголовка подсказки: «(Alt + J)». The tooltip will display the text for the shortcut key in parentheses after the tooltip title: «(Alt+J)».

Дочерние элементы Child elements

Родительские элементы Parent elements

  • CommandUIDefinition CommandUIDefinition

  • Controls (Group) Controls (Group)
  • Controls (MenuSection) Controls (MenuSection)

Occurrences Occurrences

  • Минимум: 0 Minimum: 0
  • Максимум: без ограничений Maximum: unbounded

Пример Example

В приведенном ниже примере показано, как добавить элемент управления «Кнопка» на ленту сервера. The following example shows how to add a button control to the server ribbon. В этом примере на ленту добавляется кнопка » Справка » в той же группе, что и встроенный новый документ, Новая папкаи Отправка элементов управления документами : The example adds a Help button to the ribbon in the same group as the built-in New Document, New Folder, and Upload Document controls:

HTML :: Создание кнопок при помощи тега

Тег и его атрибут type

Элемент ‘button’ , формирующийся парным тегом (от англ. button – кнопка), используется для создания кнопок, тип которых определяется атрибутом type . В качестве значений атрибут может принимать следующие три:

  • «button» – создает обычную кнопку;
  • «reset» – создает кнопку сброса формы в первоначальное состояние;
  • «submit» – создает кнопку отправки данных формы на сервер.


По своему действию элемент ‘button’ очень похож на элемент ‘input’ с аналогичными значениями атрибута type , но при этом он не является пустым элементом и позволяет размещать внутри себя другие элементы, например, изображения, которые потом становятся одной активной кнопкой. А далее, используя стили CSS , можно изменять внешний вид кнопки по своему усмотрению.

Другие атрибуты тега

Помимо атрибута type элемент ‘button’ имеет еще ряд уже известных нам атрибутов: autofocus , disabled , form , formnovalidate , formaction , formenctype , formmethod , formtarget , name , value . Их можно посмотреть в нашем справочнике здесь.

Опять же, не стоит забывать, что собственные атрибуты кнопок переопределяют значения соответствующих атрибутов, если они указаны в элементе ‘form’.

Использование элемента ‘button’ показано в примере №1.

Пример №1. Использование элемента ‘button’

Обратите внимание, что кнопка отправки неактивирована. Обычно это делается для того, чтобы кнопка не использовалась до тех пор, пока в поле не будет введен текст. После ввода минимального количества символов, которое устанавливается скриптами, кнопка активируется (опять же скриптами) и становится доступной для использования.

Button

Иерархия наследования

Описание

Компонент Button реализует стандартную кнопку Windows.

В основном компонент Button используется для инициирования каких-либо событий.

В надписях кнопки (свойство Text) можно реализовать использование клавиш быстрого доступа, выделяя для этого один из символов надписи — ставя перед ним знак амперсанта «&». Данный символ не отображается в тексте кнопки, а следующий за ним символ оказывается подчеркнутым. В результате, пользователь может вместо щелчка на кнопке, в любой момент, воспользоваться сочетанием клавиш «ALT + клавиша выделенного символа».

Основное событие кнопки — OnClick, возникающее при щелчке на данную кнопку. В обработчике этого события записывают набор операторов, которые должны выполниться при щелчке пользователя на кнопке. Более широкие возможности по настройке внешнего вида содержит компонент ImageButton.

Использование элемента button. Когда следует использовать элемент Button

Кнопку можно задать с помощью парного тега . . Внутри элемента button можно размещать другие HTML-элементы, так что можно сделать кнопку с текстом и рисунком.

Атрибуты тега

Disabled Блокирует кнопку. Используется, когда кнопка становится активной только после выполнения определенных условий. Значение можно задать тремя способами: . . . form Идентификатор формы, к которой относится кнопка.

Атрибут не работает в Internet Explorer.

Formaction Адрес, куда пересылаются данные формы при нажатии на кнопку. Если для тега

Кнопка находится вне элемента form, но является частью формы.

Илон Маск рекомендует:  Моделирование при сжатии текстовых данных словарhые методы
Понравилась статья? Поделиться с друзьями:
Кодинг, CSS и SQL