Облако ссылок Добавить сайт Опубликовать Пользователи Категории

Сервис полезной информации


Размещайте полезную информацию и одновременно продвигайте свои проекты.


Узнать больше

Тег button - это кнопка


X

Тег button - это кнопка

Тег <button> используют для создания кнопки, похожую на кнопку тега <input> со значением submit, reset, button или image атрибута type. Однако, в отличие от тега <input>, тег <button> имеет более расширенные возможности создания кнопок. К примеру на такой кнопке можно разместить любой элемент HTML и поэтому он имеет гораздо больше возможностей для применения к нему стилей CSS. А также этот тег  не относится к пустым тегам, то есть у него есть закрывающий тег, между которыми и можно располагать элементы HTML в том числе и изображения.
Тег <button> должен быть внутри формы, устанавливаемой контейнером <form>. Однако, браузеры не выводят сообщение об ошибке и корректно работают с тегом <button>, если он не был обвернут в <form>. Но если нужно отправлять на сервер результат нажатия на кнопку, то помещать <button> в контейнер <form> обязательно.

 

Атрибуты
accesskey - определяет комбинацию клавиш для доступа к элементам формы
autofocus - указывает браузеру, что кнопка должна получить фокус после загрузки страницы.
disabled - Отключение возможности нажатия на кнопку.
form - указывает к какой форме относится кнопка (кнопка может находится вне элемента form, но является частью формы). Атрибут не поддерживается в Internet Explorer.
formaction - указывает адрес, на который пересылаются данные формы при нажатии на кнопку.
formenctype -указывает, каким  способом должны быть  закодированы данные формы.
formmethod - указывает метод пересылки данных формы.
formnovalidate - отменяет проверку данных форм на корректность.
formtarget - указывает, где будет открыт результат отправки формы.
name - задает имя кнопки.
type - Определяет тип кнопки (button - активная кнопка |reset - кнопка, очищающая форму от введенных данных | submit - кнопка для отправки данных формы (по умолчанию)).
value - значение кнопки, которое будет отправлено на сервер или прочитано с помощью скриптов.
Для этого тега можно использовать глобальные атрибуты и события. 

 

Синтаксис

<form>
  <button>...</button>
</form>

 

Пример

<html>
<head>
    <title>Тег BUTTON</title>
</head>
<body>
<p><button>Кнопка с текстом</button></p>
<p><button><img src="/../../template/images/csgo.png" width="30" height="30"> Кнопка с рисунком</button><br></p>
<p><button disabled>Не активная кнопка </button></p>
</body>
</html>
Auir Просмотров сегодня +3 29 июня 2017
Реклама помогает поддерживать
и развивать наш сервис.


Подробнее
(ссылка откроется в новой вкладке)
  Реклама