firefox 에서 새로고침 할때 (input value reset를 위해)

전부터 알고 있던 태그임에도 불구하고

 

그 쓰임새를 잘 이해 못 해 고생하는 경우가 있다.

 

이번 경우도 마찬가지가 아닐까

 

익스플로어를 주로 사용하다보면 파이어폭스로 테스트하다 보면

 

새로고침을 했음에도 폼필드에 값이 그대로 남아 역동적으로 생성한 폼값이 사라지지 않아 테스트하거나 입력시 오류가 발생하는 경우가 종종 있다.

 

파이어폭스의 새로고침은 두가지가 있다. 그냥 f5 와 컨트롤+ f5이다. 컨트롤+f5를 이용하면 폼값까지 깨끗이 사라진 새로고침을 할 수 있으나 잘 모르는 사용자를 위해 (나처럼) 컨트롤+f5를 사용하는 것은 바람직 하지 않은 것 같다.

 

익스에 익숙하다보니 f5로 더 친숙하거나 오른쪽 클릭 새로고침을 많이 이용한다.

 

이러할때 문제를 해결하기 위해서는 어쩔수 없이 <form autocomplete="off">를 이용하여 일반적인 새로고침을 하더라도 모든 값을 초기화 시켜야할 것 같다. 물론 이렇게 하면 뒤로가기로 인한 값까지 모두 사라지지만 어차피 자바스크립트로 역동적으로 생성한 값은 뒤로가기를 해도 유지 되지 않으니 깨끗이 지워지는게 좋겠다.

 

불필요하게 남용할 필요도 없지만 자바스크립트를 이용하여 폼을 생성, 컨트롤 하는 페이지라면 <form autocomplete="off">를 통해 의도하지 않은 에러를 막는게 좋겠다.