[iOS] 웹 폼버튼 기본 스타일 제거하는 방법

iOS를 사용하는 아이폰이나 아이패드에서 사파리로 작업된 웹페이지를 확인하면 의도와 다르게 결과물이 나오는 경우가 있습니다. 그 중 대표적인 것이 폼 버튼 부분입니다. input button이나 submit과 같은 버튼 타입 컨트롤은 iOS에서 고정된 기본 스타일로 표시되도록 적용되고 있습니다. 그래서 버튼에 아무리 css 속성을 주어도 width, height와 같이 사이즈만 변할 뿐 외형 자체는 변경이 되지 않습니다. 이때 이 기본Continue reading “[iOS] 웹 폼버튼 기본 스타일 제거하는 방법”

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

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

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