A word summarizing the subject:<button> has <input type= "button" ... > the same effect but more powerful in terms of maneuverability.
The forms section of the HTML 4.01 specification has the following types of controls: Buttons, checkboxes, radio buttons, menus, text input, file Select, hidden controls, Obje CT controls. In addition to Buttons/menus/object controls, it is done by <input>.
What I'm talking about here is <button> and <input>.
<button> and <input>
The specification is named: You can use <button> and <input> to do form Press-button. Please refer to the detailed definition of these elements for different button types. It is important to note that <button> more than <input> supports richer performance features.
some differences
We all know that <input> can be used this way (in fact it must be used): <input type= "Submit" value= "OK"/> Instead of: <input type= "Submit" value= "OK" ></input>. Because the start tag is mandatory, closing the label is forbidden.
<button> is more powerful than <input> in that it can contain content. Its value is not written in the value attribute, but is included in the label. such as:<button>ok</button>. <button> 's start tag and close tag are required. This way you get the style of the dominant power.
You can write: <button><strong>ok</strong>, I do.</button>, or even insert Picture: <button>. Somewhat similar to <input type= "image", but obviously much stronger.
Finally, it should be noted that the <button> included images, can not use the hotspot map, that is, can not
Non-original, source network.
The difference between the button label and the input label "Go"