Как на сайте сделать кнопку подробнее


Как на сайте сделать кнопку подробнее

Как на сайте сделать кнопку подробнее

Как на сайте сделать кнопку подробнее



Internet Explorer Chrome Opera Safari Firefox Android iOS 6.0+ 8.0+ 1.0+ 6.0+ 1.0+ 1.0+ 1.0+ 1.0+

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Тег <button> создает на веб-странице кнопки и по своему действию напоминает результат, получаемый с помощью тега <input> (с атрибутом type="button | reset | submit"). В отличие от этого тега, <button> предлагает расширенные возможности по созданию кнопок. Например, на подобной кнопке можно размещать любые элементы HTML, в том числе изображения. Используя стили можно определить вид кнопки путем изменения шрифта, цвета фона, размеров и других параметров.

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

Синтаксис

<form> <button>...</button> </form>

Атрибуты

Доступ к элементам формы с помощью горячих клавиш. Устанавливает, что кнопка получает фокус после загрузки страницы. Блокирует доступ и изменение элемента. Связывает между собой форму и кнопку. Задаёт адрес, на который пересылаются данные формы при нажатии на кнопку. Способ кодирования данных формы. Указывает метод пересылки данных формы. Отменяет проверку формы на корректность. Открывает результат отправки формы в новом окне или фрейме. Определяет уникальное имя кнопки. Тип кнопки — обычная, для отправки данных формы на сервер или для очистки формы. Значение кнопки, которое будет отправлено на сервер или прочитано с помощью скриптов.

Также для этого тега доступны и .

Закрывающий тег

Обязателен.

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Тег BUTTON</title> </head> <body> <p style="text-align: center"><button>Кнопка с текстом</button> <button><img src="images/umbrella.gif" alt="Зонтик" style="vertical-align: middle"> Кнопка с рисунком</button></p> </body> </html>

Результат данного примера показан на рис. 1.

Вид кнопок в браузере Safari

Рис. 1. Вид кнопок в браузере Safari

Браузеры

Internet Explorer до версии 7.0 включительно не поддерживает атрибут value.


Источник: http://htmlbook.ru/html/button


Как на сайте сделать кнопку подробнее

Как на сайте сделать кнопку подробнее

Как на сайте сделать кнопку подробнее

Как на сайте сделать кнопку подробнее

Как на сайте сделать кнопку подробнее

Как на сайте сделать кнопку подробнее

Как на сайте сделать кнопку подробнее

Как на сайте сделать кнопку подробнее

Похожие новости:






[/SHORT_NEWS_LAST]
Страници: 1 2 3 > >>