양식을 사용하지 않고 입력 내용이 기억됨

Question

양식을 사용하고 제출 버튼을 누르면 브라우저는 텍스트 입력 필드를 기억할 수 있습니다. 그러나 입력 유형 만 사용하고 양식이없고 버튼 동작이 onclick 이벤트 인 경우 브라우저가 수행합니다 사용자에 대한 입력 값을 캐시하지 않습니다.

실제 제출을 사용하지 않고도 브라우저가 "양식"입력을 캐시하게 할 수있는 방법이 있습니까?

아래 샘플 코드는 내 페이지를 보여줍니다. 사용자가 검색을 클릭하면 javascript 함수가 호출되어 div "results"가 채워집니다. 브라우저를 제외한 모든 기능이 텍스트 입력을 캐시합니다.

<h2>Device Cleaner</h2> 
<p>Enter MAC Address of device to clean:</p> 
<input type="text" id="entry" name="macaddr" onkeypress="keyChecker(event)"> 
<button type="button" id="start" onclick="query()">Search</button> 
<div id="results"></div> 
</body> 
</html> 

Answer 1

브라우저에 강제로이 정보를 저장할 수 없습니다. 저장하려는 입력이 상대적으로 짧으면 JavaScript를 사용하여이 정보로 쿠키를 저장할 수 있습니다. 그런 다음 나중에 페이지를 볼 때 해당 쿠키를 사용하여 입력 필드를 채울 수 있습니다. 그래도 민감한 정보를주의하십시오.

또는 AJAX 요청을 통해 사용자 입력을 사용자의 서버에 저장할 수 있습니다.

Answer 2

브라우저 여전히 실제가 제출 한 사용하지 않고 "양식"입력을 캐시을하는 방법이 있나요?

과거에 일을하는 데 사용 무엇

번호

는 빈 페이지로 제출하지만, 그 모든 브라우저에서 더 이상 작동하지 않습니다.

Answer 3

자바 스크립트에서 비동기 요청을 사용하여 "results"div를 업데이트하여 페이지를 실제로 새로 고치거나 제출하지 않아도 결과를 간단하게 직접 표시 할 수 있습니까?

이것은 양식의 제출 조치를 가로 채고 검색을 수행 할 서버에 다른 엔드 포인트를 작성하는 것이고, 은 양식에 필요한 데이터를 리턴합니다. 내 답변에 설명하는 것이 조금 있지만 사람들이 일반적으로 더 나은 사용성을 위해 수행하는 것입니다. 당신은 "ajax form submit"에 대한 인터넷 검색으로 제공 할 수있는 튜토리얼보다 더 나은 튜토리얼을 찾을 수 있습니다.