如何用HTML5存储用户输入的信息
通常，当我们开发网页时，我们经常使用数据库来存储用户输入的信息。
但是数据库安装配置比较复杂，不适合一些简单的需求。
下面小编就和大家分享一下如何用HTML5快速存储信息。
工具/材料
崇高的文本
操作方法 01
首先，打开Sublime文本软件。在HTML界面中，我们用HTML5语言布局了一些输入框，供用户输入信息，如下图所示。
02
接下来我们正在编写查找用户输入信息的界面，如下图，只需要一个输入框和一个按钮。
03
然后我们在script标签中获取用户输入的信息，通过localStorage对象存储在本地，如下图所示。
04
编写了以下信息搜索函数，其中信息主要通过localStorage的getItem方法获取，如下图所示。
05
然后我们以列表的形式展示HTML5中存储的所有信息，如下图所示。
06
接下来，我们运行页面程序，在输入框中输入你想要添加的数据，只需在这里输入一些测试数据，然后点击添加记录按钮，如下图所示。
07
当我们添加新记录时，我们将在列表中看到我们添加的信息，这些信息以键值对的形式存储，如下图所示。
08
最后，在搜索输入框中，我们输入key得到相应的值，如下图所示。
