Добавить сайт в каталог БЕСПЛАТНО в каталоге уже более 1065 сайтов!!!


Тег <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>
Здесь может быть ваша реклама! Блок 1. Настройка рекламы в личном кабинете.
Auir Просмотров сегодня +1 29 июня 2017
Ещё пока нет комментариев, будь первым!
Оставить комментарий
Займы от инвесторов, кредит под залог недвижимости https://capitalinvestbv.ru Вернуть деньги на счёт микрофинансовой компании можно любым удобным способом, например, через систему денежных переводов, с помощью банковской карты, через платежные терминалы или в офисе самой компании. Существует возможность досрочного погашения займов. Сделать это можно, обратившись по телефону горячей линии.
SEO продвижение ваших сайтов от 25 000 руб. в мес. Создание сайтов и мобильных приложений от 5 500 руб. Любой сложности!
Реклама Собственный фреймворк. Большие и сложные проекты. ТОП 100 разработчиков РФ.
irogex.ru
→ BULLET-SHOP - сварка аргоном, полуавтомат, тюнинг авто!
Реклама Ремонтируем радиаторы, интеркулеры, пайпинг и ВСЁ из алюминия, чугуна, стали с ГАРАНТИЕЙ КАЧЕСТВА. Диагностика и ремонт подвески, трансмиссии, всех узлов и агрегатов
www.bullet-shop.pro
→ Доставка товаров из Китая в кротчайшие сроки без переплат!
Реклама Вам нужен товар из Китая мы с радостью доставим его, а также поможем с выкупом товара с ТаоБао, АлиБаба, 1688.com. Помощь в переводе при заключении сделок!
www.unikorob.ru
Реклама помогает поддерживать
и развивать наш сервис.


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