HTML 5에서는 localstorage를 지원하는 브라우저에서는 사용자 폼의 입력이 유지될 수 있어 다음에 브라우저를 닫아도 값을 읽을 수 있습니다. 표시된 예는 양식이 로드될 때마다 jquery를 사용하여 localstorage 값을 읽고 양식이 제출될 때마다 값을 지우는 것입니다. 첫 번째는 양식입니다 : 코드 복사 코드는 다음과 같습니다. "en "> HTML5 로컬 저장소 예 레이아웃용 부트스트랩 CSS 포함 --> HTML5 로컬 저장소 예시< method= "post" class="form-horizontal"> 문의 양식 🎜> 문의 유형 선택하세요일반 =" 판매" 지원 /div> 이름 /div> / 라벨> 메시지 <br></div> <br><div class="control-group"> < label class="checkbox"> <br><input name="subscribe" id="subscribe" type="checkbox"> <br>뉴스레터 구독 <br></label> >< ;/div> <br></div> <br></fieldset> <br><div class="form-actions"> "제출" id="submit" value="Send" class="btn btn-primary"> <br></div> <br></div> <br> <br>그런 다음 코드의 js 부분: <br><br><br><br><br>코드를 복사하세요. <br><br><br> 코드는 다음과 같습니다. <br><div class="codebody" id="code60579"> <br><script src="//code.jquery.com/jquery-latest.js"></script> <br><script> <br>$(document).ready( function () { <br>/* <br>* localstorage 지원 여부 확인 <br>*/ <br>if (localStorage) { <br>/* <br>* localstorage의 값 읽기 <br>* / <br>if (localStorage.type) { <br>$("#type").find("option[value=" localStorage.type "]").attr("selected", true) <br> } <br>if (localStorage.name) { <br>$("#name").val(localStorage.name) <br>} <br>if (localStorage.email) { <br>$("# email ").val(localStorage.email); <br>} <br>if (localStorage.message) { <br>$("#message").val(localStorage.message); <br>} <br> if (localStorage.subscribe === "checked") { <br>$("#subscribe").attr("checked", "checked") <br>} <br>/* <br>* 언제 형식 localstorage 값이 변경되면 localstorage 값도 변경됩니다. <br>*/ <br>$("input[type=text],select,textarea").change(function(){ <br>$this = $(this) ; <br>localStorage[$this.attr("name")] = $this.val() <br>}) <br>$("input[type=checkbox]"). change(function() { <br>$this = $(this); <br>localStorage[$this.attr("name")] = $this.attr("checked"); <br>}) <br>$(" form") <br>/* <br>* 양식이 제출되면 삭제 메소드 <br>*/ <br>.submit(function(){ <br>localStorage.clear()를 호출합니다. ; <br>}) <br>.change(){ <br>console.log(localStorage); <br>}) <br>} <br>});</div> </div> </div>
