[Chrome] input 자동 완성(autocomplete) 비활성 방법

크롬 브라우저에서 자동 완성을 비활성 시키는 방법을 정리합니다. 해결 방법은 의외로 간단했지만 검색해보면 각기 다른 해결 방법이 소개되어 있어 오히려 혼란스러웠던 것 같습니다. 다른 타입은 테스트해보지 않았지만 input type=”text” 에서는 적용되는 것을 확인했습니다. 위 예제에서 중요한 부분은 autocomplete=”no” 입니다. 다른 구글링 내용들을 보면 autocomplete=”off”를 사용해보라는 언급들이 있지만 크롬에서는 동작하지 않고 자동 완성 목록을 뿌려줍니다. 약간의Continue reading “[Chrome] input 자동 완성(autocomplete) 비활성 방법”

[jQuery] input text 클릭 시 텍스트 전체 선택하는 방법

간단하지만 단 한번의 구글링이라도 자비 없이 포스팅 합니다. 웹 페이지에서 텍스트를 입력할 수 있는 input text 상자를 클릭하면 텍스트를 모두 선택하는 간단한 내용입니다. 텍스트 복사나 선택을 구현할 때 혹은 귀찮을때 종종 사용합니다. 아래 처럼 input 박스가 있다고 가정합니다.

  위 텍스트를 클릭하면 전체 선택이 되는 코드는 아래와 같습니다.

  해당 요소의 텍스트를 .select()Continue reading “[jQuery] input text 클릭 시 텍스트 전체 선택하는 방법”

[HTML] form 안에 존재하는 button 클릭시 submit 동작 방지

UI 작업을 할 때 보통 버튼은 <input type=”button” /> 또는 <button></button> 을 사용합니다. 여기서 기본적으로 <button> 요소 자체는 submit 속성을 가지고 있기 때문에 type 정의가 되어있지 않다면 submit 동작을 하게 됩니다.

위 예제와 같이 button 태그에 type=”button” 이 정의되어 있냐 없냐에 따라 동작이 달라질 수 있습니다. 버튼 자체를 submit 용도로 사용한다면 문제가 안되지만 스크립트Continue reading “[HTML] form 안에 존재하는 button 클릭시 submit 동작 방지”