Включить кнопку в форму без отправки

Question

Как разместить кнопку внутри формы, которая при нажатии не будет отправлять форму?

Демо HTML:

<form> 
    <button>TEST</button> 
</form> 
<div></div> 

Demo JavaScript (JQuery):

$(document).ready(function() { 
    $('form').submit(function() { 
     $('div').append('SUBMITTED<br>'); 
     return false; 
    }); 
}); 

JSFiddle

При нажатии на кнопку в форме получает представлен. Есть ли способ отключить это поведение (что делает эту демонстрационную форму непригодной)?

Мой фактический прецедент для этого - создание кнопки стиля бутстрапа для активации ввода файла.

Answer 1

По умолчанию <button>type является submit, так что просто сделать его button:

<form> 
    <button type="button">TEST</button> 
</form> 

JSFiddle

Answer 2

Существует тег <button> в HTML. Вы могли бы использовать что-то вроде этого:

<button type="button">This is the button label</button> 

Вы можете проверить определение и использование здесь: http://www.w3schools.com/tags/tag_button.asp