Тег 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 Просмотров сегодня +2 29 июня 2017
Создание сайтов и мобильных приложений от 5 500 руб. Любой сложности!
Реклама Собственный фреймворк. Большие и сложные проекты. ТОП 100 разработчиков РФ.
Создание сайтов от 5 500 руб.
Мобильные приложения от 50 000 руб.
irogex.ru
Наши проекты Инстаграм от 6 500 руб.
Конструкторы Ugears купить в Иркутске от 690 руб. с Доставкой!
Реклама UGEARS это путешествие в удивительную атмосферу гармонии природы и совершенства конструкторской мысли
Конструктор Навигатор дат - 690 руб.
Конструктор Комбайн - 2990 руб.
ugears-irk.ru
Оплата и Доставка Контакты
Стоматология в Улан-Удэ | ДентаВита | Шок цены от 100 руб!
Реклама От всей нашей семьи хотим выразить огромную благодарность стоматологической клинике
Осмотр, консультация от 150 руб.
Рентгеновский снимок от 100 руб.
dentavita03.ru
Наши цены Отзывы
Реклама помогает поддерживать
и развивать наш сервис.


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