Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
114 lines (89 sloc) 2.89 KB
<!DOCTYPE html>
<!--
Copyright 2017 Google Inc.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<html lang="en">
<head>
<meta name="description" content="Simplest possible examples of HTML, CSS and JavaScript." />
<meta name="author" content="//samdutton.com">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
<meta itemprop="name" content="simpl.info: simplest possible examples of HTML, CSS and JavaScript">
<meta itemprop="image" content="/images/icons/icon192.png">
<meta name="mobile-web-app-capable" content="yes">
<meta id="theme-color" name="theme-color" content="#fff">
<base target="_blank">
<title>localStorage</title>
<link rel="stylesheet" href="../css/main.css" />
<style>
button {
float: right;
width: 5em;
}
div {
margin: 0 0 1.8em 0;
}
fieldset {
border: 1px solid #ccc;
margin: 0 0 1em; 0;
padding: 1.5em 1.5em 1.0em 1.5em;
}
input {
border: 1px solid #ccc;
color: #666;
font-size: 1em;
padding: 0.2em;
width: calc(100% - 3.8em);
}
label {
color: #444;
display: inline-block;
width: 3.2em;
}
legend {
color: #444;
font-weight: 400;
padding: 0 0.5em 0 0.5em;
}
</style>
</head>
<body>
<div id="container">
<h1><a href="../index.html" title="simpl.info home page">simpl.info</a> localStorage</h1>
<fieldset>
<legend>Store</legend>
<div>
<label for="storeKey">Key: </label><input id="storeKey" type="text" value = "foo" />
</div>
<div>
<label for="storeValue">Value: </label><input id="storeValue" type="text" value = "bar" />
</div>
<button id="storeButton">Store</button>
</fieldset>
<fieldset>
<legend>Retrieve</legend>
<div>
<label for="retrieveKey">Key: </label><input id="retrieveKey" type="text" value = "foo" />
</div>
<div>
<label for="retrieveValue">Value: </label><input id="retrieveValue" type="text" />
</div>
<button id="retrieveButton">Retrieve</button>
</fieldset>
<p id="data"></p>
<p>In Google Chrome, view Local Storage data in the Resources tab.</p>
<p>This page also shows how to use a &lt;fieldset&gt;.</p>
<script src="js/main.js"></script>
<a href="https://github.com/samdutton/simpl/blob/gh-pages/localstorage" title="View source for this page on GitHub" id="viewSource">View source on GitHub</a>
</div>
<script src="../js/lib/ga.js"></script>
</body>
</html>