button元素的作用:

英文词意表示按钮，点击按钮就会产生一些作用，比如向后台提交数据，重置输入的内容等等。button是一个表单控件，和表单元素form元素配合起来使用。button元素可以放在form元素内，也可以放在它的外面，接下来再介绍。

首先我们先大概看看button元素到底如何使用，再详细介绍它的一些属性:

重播

播放

00:00/00:00直播

00:00

进入全屏

50

点击按住可拖动视频

从视频中，我们看到点击提交按钮就会将输入的数据提交到你设定的地方，我是直接提交给百度，不过百度是不会接受我提交的数据；点击重置按钮时，输入框里的内容就会恢复到初始状态；对于button按钮，目前刚学html的初学者是没必要了解，需要学了Javascript后才能展示其效果

现在就来详细介绍button的一些属性

1.form属性和id属性:

上文我讲过button元素既可以放在form元素里面也可以外面，主要功劳就是form属性和id属性。

先看一下它们的效果吧！

重播

播放

00:00/00:00直播

00:00

进入全屏

50

点击按住可拖动视频

从视频中看到，我创建了两个form元素,它们的id分别为hello和world，而button元素中form属性值我设置的是hello,所以我们在视频中看到只有id为hello的表单的内容被重置为初始状态。总结一下，id属性是用在form元素里，form属性用在button元素中，在button元素和form元素建立起联系。

2.type属性

(1)type=＂reset＂

功能:重置form元素(表单)里的内容

(2)type=＂submit＂

功能:将表单的数据提交action属性设定的地方

(3)type=＂button＂

功能:暂定，需要学习Javascript后才需要了解

4.action属性

功能:它的属性值是一个url(统一资源定位符)，简单来说，就是网址，就是你提交数据的地方