<button> | Тег HTML - Справочник HTML + HTML5 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Понедельник, 05.12.2016
Главная » Справочник HTML » Формы


ОбъектыБлочные элементы
ТаблицыСтрочные элементы
СимволыФорматирование
ДокументыИзображения
ЗвукФормы
СпискиУстаревшие теги
ФреймыСкрипты



Адаптивный сайт - aTmpl


<button> | Тег HTML

Тег <button> устанавливает кнопку




Тег <button>  предназначен для дополнения кнопки.Кнопка с этим тегом может содержать любой элемент.Если тег предназначается для отправки URL,его нужно поместить во внутрь тега <form>.Поддерживает глобальные атрибуты,а так же атрибуты событий в HTML5




Синтаксис тега <button> ( закрывающий тэг обязателен )


<button>Элемент</button>

Тег работает в браузерах





Атрибуты тега <button>

Атрибут accesskey

Атрибут accesskey определяет расположение объекта на странице

Синтаксис атрибута align


<button accesskey="Кнопка"></button>
Применяемые значения

Значение в цыфрах от 0 до 9
Значение в буквах EN

Атрибут autofocus

Атрибут autofocus определяет активность фокуса.Кнопка находится в активном положении ( как будто на неё навели мышку ).Достаточно нажать Enter для активации кнопки

Синтаксис атрибута autofocus


<button autofocus></button>

Атрибут disabled

Атрибут disabled определяет активность кнопки,делая её неактивной

Синтаксис атрибута disabled


<button disabled="disabled"></button>

Атрибут form

Атрибут form связывает кнопку с формой по установленному идентификатору

Синтаксис атрибута form


<button form="id"</button>

Атрибут formaction

Атрибут formaction указывает путь к программе которая обрабатывает данные переданные формой

Синтаксис атрибута formaction


<button formaction="URL"></button>

Атрибут formenctype

Атрибут formenctype указывает какой тип кодирования использовать при загрузке указанных данных

Синтаксис атрибута formenctype


<button formenctype="application/x-www-form-urlencoded | multipart/form-data | text/plain"></button>
Применяемые значения

application/x-www-form-urlencoded - Пробелы заменяются знаком +,символы вроде русских букв кодируются их шестнадцатеричными значениями

multipart/form-data - Данные не кодируются,значение применяется для отправки файлов

text/plain - Пробелы заменяются знаком +,символы и буквы не кодируются

Атрибут formmethod

Атрибут formmethod определяет ширину объекта в поле страницы,применяется со значением высоты ( для адекватного отображения объекта )

Синтаксис атрибута formmethod


<button formmethod="get | post"></button>
Применяемые значения

get - Метод предназначен для передачи данных формы в адресной строке в виде пар ( имя=значение ) которые добавляются к адресу страницы после вопросительного знака и разделяются между собой амперсандом (символ &)

post - Метод предназначен для передачи данных формы,объём пересылаемых данных ограничен лишь настройками сервера

Атрибут formnovalidate

Атрибут formnovalidate отменяет встроенную проверку данных введенных пользователем в форме на корректность.Это могут быть Eмайл или другой URL адрес

Синтаксис атрибута formnovalidate


<button formnovalidate></button>

Атрибут formtarget

Атрибут formtarget определяет в каком окне открывать установленный сценарий кода

Синтаксис атрибута formtarget


<button formtarget="Название окна | _blank | _self | _parent | _top"></button>
Применяемые значения

_blank - Открывает связанный документ в новом окне

_self - Открывает связанный документ в родительском окне

_parent - Открывает связанный документ в родительском фрейме

_top - Открывает связанный документ в полном окне

Фрейм - Открывает документ с именем фрейма

Атрибут name

Атрибут name определяет имя присвоенное кнопке

Синтаксис атрибута name


<button name="Название кнопки"></button>

Атрибут type

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

Синтаксис атрибута type


<button type="button | reset | submit"></button>
Применяемые значения

button - Обычная кнопка

reset - Кнопка для очистки введённых данных

submit - Кнопка для отправки данных

Атрибут value

Атрибут value определяет значение кнопки,для отправки в форме

Синтаксис атрибута value


<button value="Значение"></button>

Пример применения тега


<!DOCTYPE html>
 <html>
<head>
<title>Тег button</title>
<style>
button {
background:grey;
border:2px solid black;
font-size:bold;
color:white;
}
button:hover {
background:grey;
border:2px solid red;
font-size:bold;
color:white;
}
button:active {
background:grey;
border:2px solid green;
font-size:bold;
color:white;
}
</style>
</head>
<body>
<button type="button" >Это просто кнопка</button>
</body>
</html>

Пример в действии





Русские шрифты





Категория: Формы | Добавил: IZOTOP (07.06.2012) | Автор: Меренков Михаил W
Просмотров: 1581 | Теги: кнопка для отправки данных | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]