HTML-button-input(button)-input(

记录：

HTML中，<button>标签、<input type="button"> 和 <input type="submit">的区别：

此三个写法都可以在页面创建一个可点击的按钮，但是实际效果有区别：

1、<input type="button"> ：单纯创建了一个按钮，点击不会有任何效果，不会做任何事情； 这就是一个按钮，如果你不写javascript 的话，按下去什么也不会发生，需要用JS写此按钮的点击事件；

2、<input type="submit">：点击会自动提交表单内的所有数据， <input type="submit"> 自身也会被当成数据提交；

例如：

<form action="/dg">

<input type=text name=fm>

<input type="submit" value="Hello world!">

</form>

在输入框输入：freeman，点击按钮，会向服务器提交：http://www.xxxxx.com/dg?fm=freeman；

如果，<input type="submit" value="Hello world!"> 有name属性，value值也会被提交的；

3、<button> 标签：html中button只是一个按钮的样式，默认没有提交表单的功能，而submit是表单的提交属性，可以实现将所在表单的数据进行的提交。但是，把<button>标签放在表单中，点击也会自动提交表单内的所有数据，如果自身有name、value也会提交；比前两个的优点是按钮的内容不光可以有文字，还可以有图片等多媒体内容。在概念上是不一样的；