Что такое тег button

"Тег button". "Что такое тег button"

Разбираем тег <button> подробно — с синтаксисом, атрибутами, примерами и нюансами использования.

О теге <button>.

1. Тег <button>.
2. Примеры использования тега <button>.
3. Пример использования тега <button> в post.
4. О применении тега <button>.

1. Тег <button>.

Тег <button> относится к двойным тегам.

Синтаксис тега <button>.

<button>Текст на кнопке</button>

Основные атрибуты тега <button>.

Атрибут type — определяет тип кнопки.

Ключевые атрибуты тега <button>:

button — обычная кнопка (значение по умолчанию);

submit — кнопка для отправки формы;

reset — кнопка сброса формы.

name — имя кнопки, используется для идентификации в скриптах.

disabled — блокирует кнопку (к ней нельзя получить доступ).

autofocus — автоматически устанавливает фокус на кнопку после загрузки страницы.

form — связывает кнопку с формой (если кнопка находится вне тега <form>).

value — значение, которое будет отправлено на сервер или прочитано скриптами.

accesskey — задаёт горячую клавишу для быстрого доступа к кнопке.

2. Примеры использования тега <button>.

По умолчанию, кнопка тега <button> выглядит так:

Пример кода тега <button>.

<button>Нажми меня</button>

Пример вывода тега <button>.

Нажми меня

---

Кнопка с обработчиком события (JavaScript) тега <button>.

Используется onclick:

Пример кода тега <button> с JavaScript.

<button onclick="alert('Кнопка нажата!')">Кликни сюда</button>

Пример тега <button> с JavaScript.

Кликни сюда

3. Пример использования тега <button> в post.

Разберем очередной пример использования кнопки тега <button> в post, для этого вам понадобится:

Тег form.

Вставляем в первый тег атрибут method со значением post.

Далее тег <button> + атрибут name с произвольным значением... "=button_button".

Также нужен атрибут value, с произвольным значением!

Php.

Чтобы проверить работу тега <button> в post вам понадобится условие if.

Проверяем массив $_POST.

+ exit.

if($_POST['button_button']) exit('Вы нажали кнопку button');

Соберем весь код использования тега <button> в post.

<?

if($_POST['button_button']) exit('Вы нажали кнопку button');

?>

<form method=post>

<button name=button_button value ="Привет мир!">Отправить!</button>

</form>

Пример использования тега <button> в post.

Ну и как обычно... на моём сайте только живые примеры -= помещаем выше приведенный код пярмо здесь:

Чтобы проверить работу тега <button> в post нажмите кнопку "Отправить!".

Отправить!

4. О применении тега <button>

От автора:

Как-то так случилось, что я вообще не применяю тег <button>.
Предпочитаю "input".

Всего комментариев : Comments+ 2.0

+ =