Главная / Верстка / Теги html / button тег html

button тег html


14.07.2013 01:223122

Описание

Тег button в html выводит кликабельную кнопку внутри которой можно поместить содержимое, например текст или изображение.

По результату схож с кнопкой <input type="button"> но возможностей оформления больше, так как содержимое находится между <button>.....</button>

Так как разные браузеры могут по умолчанию ипользовать различные типы, рекомендуется указывать его для кнопки.

Атрибуты

АТРИБУТ ЗНАЧЕНИЕ ОПИСАНИЕ
autofocus autofocus автоматический фокус после загрузки страницы
disabled disabled указывает что кнопка должна быть отключена
form form_id задает взаимосвязь кнопки с формой с указанным id
formaction url

определяет куда посылать данные

(только для button type="submit")

formenctype application/x-www-form-urlencoded
multipart/form-data
text/plain

определение способа кодирования данных

(только для button type="submit")

formmethod

get

post

метод отправки данных

(только для button type="submit")

formnovalidate formnovalidate

отмена проверки формы

(только для button type="submit")

formtarget _blank
_self
_parent
_top
framename

определяет как отображать запрос после отправки

(только для button type="submit")

name name задает имя кнопки
type button
reset
submit
определение типа кнопки
value text начальное значение для кнопки

Пример

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>Тег button</title>
</head>

<body>Обычная кнопка -
<button>Кнопка</button>
<br>Кнопка-изображение -
<button>
<img src="logo.png" alt="view">
</button>
</body>

</html>

 


Синтаксис html и наличие закрывающего тега

Синтаксис Закрывающий тег
<button>...</button> обязателен

Браузеры поддерживающие <button>

Element
<button> Yes Yes Yes Yes Yes


Button , Html , Тег , Тег Button





«button тег html» - Похожие страницы

CSS button генератор CSS button генератор Данный генератор кнопок поможет сократить время уходящее на создание градиентной кнопки , потому что все делается в автоматическом режиме , вам нужно только подобрать соответствующие стили css для своей кноп...

Комментарии отсутствуют
Добавление комментариев доступно только зарегистрированным пользователям