Как использовать button

[Zverushka]

Подскажите, как и где использовать button?

Этот тег у меня нигде не применяется. Если нужно отправить форму - то это Input type='submit', если это просто кнопка с действием, н-р, в виде поп-апа, то <div class="btn-blue">. Наверное стоит кнопки не формы заменить на button? <button class="btn-red"> вот так?

Если не удается создать нужно оформление тегу <input type="submit"> из-за одиночности тега, то не label лепить, а <button type="submit">?

Кстати в ие7 не поддерживается? html5div случайно не включает его поддержку?

button type=button - по умолчанию стоит и можно никогда не писать?

Edited October 25, 2013 by Zverushka

[binomer]

Ну я так посмотрел, в каруселях на jQuery навигация "вперед-назад" кнопками сделана, например

[Zverushka]

А в слайдерах везде <a href> суют - нафига спрашивается? При этом свой класс для кнопки задаешь, а они еще и туда ссылку свою генерят, которая еще и не кликается в итоге - приходится еще и ей доп стиль задавать.

[wwt]

этот тег позволяет помещать внутрь кнопки другой html код:

<button>html</button>

button type=button - по умолчанию стоит и можно никогда не писать?

по умолчанию submit

[Zverushka]

по умолчанию submit

А если кнопка не в форме и не менять ее тип - ничего страшного не будет?

[Switch74]

нет

[wwt]

по умолчанию submit

А если кнопка не в форме и не менять ее тип - ничего страшного не будет?

так и есть. вне form работает как type='button'

и по поводу IE7 - в нем и более ранних версиях IE не поддерживается атрибут value.

[Zverushka]

А button нужно value? зачем?.... Текст внутри тега ведь и есть значение...

[wwt]

А button нужно value? зачем?.... Текст внутри тега ведь и есть значение...

а если нужно вот так? )))

<button value="1">
<table>
	 <tr><td>1</td><td>2</td><td>3</td></tr>
	 <tr><td>4</td><td>5</td><td>6</td></tr>
	 <tr><td>7</td><td>8</td><td>9</td></tr>
</table>
</button>

или совсем просто, вот так:

<button value="1">Согласен</button>

Edited October 25, 2013 by wwt

[SelenIT]

в IE7- с баттонами было несколько багов: во-первых, при наличии в форме нескольких кнопок, при сабмите отсылалось не value нажатой, а innerHTML всех (делая невозможным определение, какая кнопка была нажата, на сервере). Во-вторых, по умолчанию у кнопки был тип button, а не submit, как по стандарту HTML 4+.

В-третьих, с кнопками во всех браузерах есть проблемы с оформлением. У кнопки по умолчанию display:inline-block, и во многих браузерах его не изменить вообще (напр. display:table-cell для кнопок игнорируется). В Фоксах у кнопки по умолчанию лишних 3px паддинга (лечится его обнулением для ::-moz-focus-inner). Из-за этих проблем кнопками пользуются намного реже, чем следовало бы. Потому что идейно и с точки зрения юзабилити (управление с клавиатуры и т.п.) для абстрактных активных элементов ничего лучше нет.