需要一个input，输入的内容自动存入localStorage并在刷新页面后显示出来

Question

需要一个input输入框，输入的内容自动存入localStorage并在刷新页面后显示出来

Answer 1

最简单的 <form> &nbsp;&nbsp;&nbsp;&nbsp;<label&nbsp;for="dd">test</label> &nbsp;&nbsp;&nbsp;&nbsp;<input&nbsp;type="text"&nbsp;id="dd"&nbsp;name="dd"/> </form> <script&nbsp;src="js/jquery-1.6.4.min.js"></script> <script> &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;dd=$('#dd'); &nbsp;&nbsp;&nbsp;&nbsp;dd.change(function(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;ddval=dd.val(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;localStorage.setItem('dd',ddval); &nbsp;&nbsp;&nbsp;&nbsp;}); &nbsp;&nbsp;&nbsp;&nbsp;$(document).ready(function(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;ddval2=localStorage.getItem('dd'); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dd.val(ddval2); &nbsp;&nbsp;&nbsp;&nbsp;}); </script>

Answer 2

<input&nbsp;type="text"&nbsp;id="txt"&nbsp;/> <script&nbsp;type="text/javascript"> var&nbsp;txt&nbsp;=&nbsp;document.getElementById("txt"); var&nbsp;str&nbsp;=&nbsp;localStorage.getItem("inputText"); if&nbsp;(str)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;txt.value&nbsp;=&nbsp;str; } window.onbeforeunload&nbsp;=&nbsp;function&nbsp;()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;localStorage.setItem("inputText",txt.value); } </script>