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

Как на MVC и PHP создать систему восстановления доступа с отправкой пароля на адрес электронной почты

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

Тег br - это перенос строки

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

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

Недостатки раскрутки групп Вконтакте специальными сервисами

Подключение к БД и вывод результата на PHP через PDO на MVC

Решил и я написать статью о том, как покупал сайт на бирже ТЕЛДЕРИ

Как на MVC с помощью PHP правильно загружать файлы с сервера. Часть Вторая

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

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

Как на MVC с помощью PHP правильно загружать файлы на сервер. Часть Первая
Здесь может быть ваша реклама! Блок 3. Настройка рекламы в личном кабинете.

Здесь может быть ваша реклама! Блок 4. Настройка рекламы в личном кабинете.
Создание сайтов и мобильных приложений от 5 500 руб. Любой сложности!
Реклама Собственный фреймворк. Большие и сложные проекты. ТОП 100 разработчиков РФ.
irogex.ru
Конструкторы Ugears купить в Иркутске от 690 руб. с Доставкой!
Реклама UGEARS это путешествие в удивительную атмосферу гармонии природы и совершенства конструкторской мысли
ugears-irk.ru
Стоматология в Улан-Удэ | ДентаВита | Шок цены от 100 руб!
Реклама От всей нашей семьи хотим выразить огромную благодарность стоматологической клинике
dentavita03.ru
Реклама помогает поддерживать
и развивать наш сервис.


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