页面本身是不具备保存历史数据的功能的，需要借助其它手段来实现，常用方法如下：
异步更新页面。这种方法实际上页面是没有刷新的，通过AJAX导步获取信息来更新页面，这样可以保留原页面需要保留的数据。一些网站的发表评论后，评论内容更新，用的就是这个方法。
使用COOKIE保存。把需要保存的数据存储到COOKIE中，页面更新时，读取COOKIE渲染到页面上。比较常见的如：登录框记录用户名，下次登录无须重新输入。但COOKIE存储的数据量有限，不适合大的数据存储。
服务器端保存数据。与COOKIE保存类似，只不过内容是保存在服务器端，利用会话机制在页面更新时从服务器读取内容重新渲染。这是一种常见的而保险的方法。像一些文本编辑器，保存草稿等，就是通过这样的方式实现的
您这是涉及到了动态交互的技术，目前最流行的是js，使用js可以实现异步刷新，通常使用js的jquery框架可以更简单的实现这个要求，您可以搜索下jquery+ajax来实现。基本过程是：获取点击事件→改变按钮背景→ajax去后台获取数据→返回数据→将数据展示。
