<title>HTML5 WebStrage API</title>
<div class="page-header">
<h1>LocalStorageTest</h1>
<div class="well well-small form-inline">
<input type="text" id="storage_key" class="input-small" placeholder="Key">
<input type="text" id="storage_val" class="input-small" placeholder="value">
<button type="button" class="btn btn-primary" onclick="setItem($('#storage_key').val(), $('#storage_val').val());">Add</button> <span class="help-block">・同一のKeyがなければ、追加</span>
<span class="help-block">・同一のKeyがあれば、上書き</span>
<button type="button" class="btn btn-mini" onclick="setUp();" />初期値をセット</button>
<button type="button" class="btn btn-mini" onclick="clearItem();" />クリア</button>
<table class="table table-condensed" id="table_storage">
<th style="width: 2em;">#</th>
<th style="min-width: 10em;">Key</th>
<th style="min-width: 24em;">Value</th>
<th style="width: 10em;">Action</th>