Замечательный элемент <button>

Опубликовано Александр в Пнд, 25.01.2010 - 15:37

До этого дня никогда не использовал элемент формы <button>. Нет, конечно же я знал, что он существует и что им можно пользоваться, просто раньше даже не представлял, какие шикарные возможности в нем заложены. Самое главное его отличие от кнопок <input> в том, что он может содержать внутри себя любое содержимое, кроме элементов формы, конечно же. Основное его предназначение - это отправка данных формы на сервер, однако, этот элемент можно размещать на странице и не оборачивая в тег <form>, - валидатор не покажет ошибку. Таким образом мы можем получить эффект трехмерного изображения элементов на веб-странице, которые пользователь увидит, утапливая и отпуская их. Поместив в этот тег изображение и относящийся к ней текст, мы получим кнопку с привлекательной пиктограммой, обладающей подписью. Все что находится у него внутри прекрасно форматируется стилями CSS. Так же, стоит сказать, что оформление этой кнопки будет соответствовать теме оформления операционной системы пользователя, чего нельзя сделать используя свойство background, при помещении на кнопку этого же изображения в качестве фона. Для сравнения, можно посмотреть как они будут выглядеть. Ко всему этому стоит отметить, что тег <button> хорошо поддерживается всеми популярными браузерами.