前面我们学习了一些常见的表单元素，表单就是用来收集用户的信息的，比如调查问卷、用户登录网站的页面等这类的网页，里面都要用到表单元素，当用户在前端页面上填入账号、密码、或者调查问卷的答案等等信息之后，就需要提交到后端服务器，那么这些表单里面的信息是如何提交到后端的呢？

这就要用到提交按钮。

提交按钮我们用button标签来实现。

●button标签

标签用来定义一个按钮。

在标签的起始标签和闭合标签之间，我们可以放置文本或者图片形式的内容。

●button的type属性

我们知道input标签有一个type属性，不同的type属性，就代表不同功能的表单元素。

而同样的，button标签也有type属性，button标签不同的type属性，就代表不同功能的按钮。

也就是说，button标签的type属性，规定了按钮的类型。

button标签的type属性我们主要用到以下3个类型值：

①我是普通按钮--这就是一个普通按钮。

②提交--这就是一个提交按钮。

③重置--这就是一个重置按钮(清除表单数据)。

说明：

普通按钮，点击后没什么效果变化。

提交按钮，点击后，会把表单中的数据提交到服务器，当然我们这里在页面上点击提交按钮之后，也提交不到后端去，因为我们没有后端程序，没有跟后端做连接。我们先知道，要提交信息都后端，需要用提交按钮。

提交按钮我们要写到form标签里面。

重置按钮相当于初始化、清零的操作，比如你表单里填了一些数据，你想重新填写，你点一下重置按钮，就会把已经填写的数据都清空。

接下来我们做一下效果的演示，我们继续在my first html.html这个文件里添加代码，代码如下：

浏览器中点击这几个按钮效果如下：

补充：

html中的按钮的定义方式有2种，一种是使用button标签，还有一种就是使用input标签。

区别在于，button标签是闭合标签，input标签是单标签，也就是button标签起始标签和结束标签之间可以写文本或者图片形式的内容，而input标签没有闭合标签。

所以用input标签创建按钮，是这样写的：

input标签创建按钮以及它的效果我就不再演示了，这两种方式都可以，效果一样的。