Тег 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>
Здесь может быть ваша реклама! Блок 1. Настройка рекламы в личном кабинете.
Auir Просмотров сегодня +3 29 июня 2017
Ещё пока нет комментариев, будь первым!
Оставить комментарий
Здесь может быть ваша реклама! Блок 2. Настройка рекламы в личном кабинете.
   🔔 Отдохните не много, может Вам будет интересно прочитать статьи пользователей нашего сайта.

Как на MVC при помощи PHP создать регистрацию с хешированием пароля

Тег abbr - это аббревиатура

Безопасная авторизация пользователей на MVC и PHP

Как на MVC и PHP сделать вывод новостей из БД с использованием пагинации

Тег area - это область ссылки

Тег dd - это определение термина

Тег blockquote - это длинная цитата

Как создать модуль онлайн консультации с использованием чата на ajax и php

Как сделать модуль бесплатной консультации на ajax

Тег article - это статья

Тег datalist - это список возможных вариантов

Раскрутка группы Вконтакте с помощью лайков
Здесь может быть ваша реклама! Блок 3. Настройка рекламы в личном кабинете.

→ Магазин матрасов в Москве с доставкой по России.
→ Недорогие детские матрасы от 2215 руб!
Реклама Интернет-магазин Каталог матрасов открыт 24 часа, 7 дней в неделю!
www.catalog-matrasov.ru
→ Продажа арендованных лесных участков в РБ от 30 000 руб. Жми сейчас!
РекламаПокупая участок вы получаете выгоду, вам не нужно бегать по инстанциям и заниматься бумажной волокитой, тратя свое время. Вы сразу приобретаете ГОТОВЫЙ БИЗНЕС – лесозаготовительное предприятие.
www.svetobor.com
→ BULLET-SHOP - сварка аргоном, полуавтомат, тюнинг авто!
Реклама Ремонтируем радиаторы, интеркулеры, пайпинг и ВСЁ из алюминия, чугуна, стали с ГАРАНТИЕЙ КАЧЕСТВА. Диагностика и ремонт подвески, трансмиссии, всех узлов и агрегатов
www.bullet-shop.pro
→ Доставка товаров из Китая в кротчайшие сроки без переплат!
Реклама Вам нужен товар из Китая мы с радостью доставим его, а также поможем с выкупом товара с ТаоБао, АлиБаба, 1688.com. Помощь в переводе при заключении сделок!
www.unikorob.ru
Реклама помогает поддерживать
и развивать наш сервис.


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