html5 设置button重置恢复页面初始

1、这里以sublime text 3编辑器作为示范，创建一个新的index.html文档。

2、设置一下HTML的基本框架。

因为要让用户输入所以要创建表单。

<form method="post">

</form>

3、需要让用户进行输入。

那么我们要运用到input标签。

<input type="button" value="按钮">

<input type="submit" name="提交">

但是这里可以看到有点乱码。

4、输入中文，我们需要在头部加入这个以免出现乱码。

<meta charset="utf-8">

5、<div>

<input type="text" value="输入信息">

<input type="button" value="按钮">

</div>

<div>

<input type="text" value="输入信息">

<input type="submit" name="提交">

</div>

这个时候我们需要用div来进行分区，然后提供可以输入的信息框。

6、<div>

<input type="reset" value="重置">

</div>

那么这个时候我们可以增加一个input为reset的标签，用户就可以点击这个来重置信息了。

7、我们一次性输入信息，然后就可以点击重置来把所有信息给重置掉。