Тег <button>

Тег <button>

пример использования тега <button>
тег <button>
Тег <button> предназначен для создания кнопок в формах где нужно отправлять данные на сервер или сделать ссылку в виде кнопки. Результат похож на получаемый с помощью тега <input> с атрибутом type="button. Но в отличие от этого тега <input>, тег<button> имеет расширенные возможности по созданию кнопок. К примеру кнопке можно назначать изображение, а так же с помощью стилей CSS можно задавать размеры кнопки, цвет шрифта и прочие стили.

Тег <button> должен располагаться внутри формы, создаваемой тегом <form>. Но браузеры правильно его отображают если он встречается вне форм и самостоятелен, но если необходимо результат нажатия на кнопку отправить на сервер, помещать <button> в контейнер <form> обязательно.

Пример использования

<!DOCTYPE HTML>
<html>
<head>

<meta charset="utf-8">
<title>Заголовок страницы</title>
</head>
<body>
<button><img src="images/images.gif" alt="изображение"
style="vertical-align: middle">
кнопка</button>
</body>
</html>

Атрибуты

form - связывает между собой форму и кнопку
formaction - задаёт адрес, на который пересылаются данные формы при нажатии на кнопку
accesskey - доступ к элементам формы с помощью горячих клавиш
formtarget - открывает результат отправки формы в новом окне или фрейме
autofocus - устанавливает, что кнопка получает фокус после загрузки страницы
disabled - блокирует доступ и изменение элемента
formenctype - способ кодирования данных формы
formmethod - указывает метод пересылки данных формы
formnovalidate - отменяет проверку формы на корректность
value - значение кнопки, которое будет отправлено на сервер или прочитано с помощью скриптов
name - определяет уникальное имя кнопки
type - тип кнопки — обычная, для отправки данных формы на сервер или для очистки формы

Этот домен продается здесь: telderi.ru, и еще много других