개발자의 끄적끄적

[html/css] html video tag border none example / html 비디오 태그 테두리 제거하는 방법 html 에서 video 태그를 사용하여 영상을 재생하는 코드를 다루다 보면 영상이 재생되었을때 비디오 테두리 영역이 생기는 현상이 있습니다! 그럴때는 아래와 같이 css 를 이용하시면 됩니다! 우선 video_player 라는 아이디를 가지는 video 태그가 있다고 가정하고, 아래와 같이 css 옵션으로 outline 와 border 를 none 으로 설정하시면 됩니다! #video_player { outline: none; border: none; } 참고들 하세요!

[html/css] html input disable autocomplete example / html input 자동완성 비활성 설정 방법 html 에서 input type text 를 이용해서 데이터를 입력받다 보면 사용자의 브라우저 환경에 따라서 자동완성 기능이 활성화됩니다! 그럴때는 아래 나와있는 내용처럼 autocomplete 옵션을 이용하여 제어할 수 있습니다. 위 내용을 보시면 아시겠지만, autocompltet 옵션값을 no 로 설정하여 자동완성을 비활성화 하는 내용입니다! 참고들 하세요!

[html/css] html a tag target option example / html a 태그 target 옵션들 html 에서 a 태그를 사용하여 링크를 설정하다보면 새창에서 여는지 현재창에서 여는지 등등 창이 열리는 방식을 설정해야 하는 경우가 있습니다. 그럴때 target 라는 옵션을 사용합니다. 이번에는 target 옵션의 종류를 공유해보고자 합니다! _blank => 새창에서 열기 _self => 현재 창에서 열기 _parent => 부모창에서 열기 _top => 최상위 창에서 열기 위 내용보시면 아시겠지만, 4가지 옵션이 있고 각각 창이 열리는 방식이 약간씩 다릅니다. 사용법은 아래와 같습니다! 참고들 하세요!

[html/css] html input tag 영문 입력 우선 설정 방법 html input 태그에서 영문 입력을 우선으로 설정하고 싶은 경우가 종종 있습니다. 그럴때는 한글입력 우선과 동일하게 style 에 ime-mode 를 추가하시면 됩니다. 위에 나와있는 내용처럼 ime-mode 을 inactive 로 추가하면 영문입력을 우선으로 설정할 수 있습니다! 한글과 동일하고 active / inactive 만 다릅니다! 참고들 하세요!

[html/css] html input 초기값 한글 설정 방법 html 에서 input 태그로 구현된 입력창을 한글키보드가 우선 선택되게 설정해야 하는 경우가 있습니다! 그럴때는 ime-mode 라는것을 사용하시면 됩니다. 위 내용보시면 아시겠지만, style 에 ime-mode:active 를 추가하시면 됩니다! 참고들 하세요!

[html/css] html input number only example / html input 숫자만 입력받도록 설정하는 방법 html 에서 input 태그를 이용해서 입력창을 만들다보면, 숫자만 입력해야하는 경우가 있습니다! 그럴때는 아래처럼 input type 을 number 로 선언하시면 됩니다! 위처럼 선언하면 input 에 숫자만 입력이 가능하고, 위 아래 숫자를 늘리고 줄일수 있는 버튼이 생성됩니다! 그래도 정확히 숫자만 입력받기 위해서는 onkeyup 이나 onkeypress 같은 이벤트를 받아서 체크하는게 정확합니다! 참고들 하세요!

[html/css] html form event list / html 폼 이벤트 종류 html 에서 form 을 다루다 보면 폼에서 일어나는 이벤트를 알아야 적절하게 사용할 수 있습니다! 아래는 폼의 이벤트를 정리한 내용입니다. submit : 전송 버튼을 눌렀을 때 reset : 리셋 버튼을 눌렀을 때 change : 요소의 내용에 변화가 생겼을 때 focus : 요소가 선택되었을 때 blur : 요소의 focus 가 벗어났을 때 위에 나와있는 내용처럼 자주 사용하는 내용들이니 숙지하셨다가 적절하게 사용하시면 됩니다! 참고들 하세요!

[html/css] css cursor pointer example / css 마우스 오버시 손가락 모양 설정 방법 css 에서 마우스를 특정 영역에 가지고 갔을때, 손가락 모양으로 변하게 처리해야 하는 경우가 있습니다. 그럴때는 아래 스타일 속성을 이용하시면 됩니다! cursor:pointer 예를들어 div 에 마우스를 가지고 갔을때 손가락 모양으로 변경되는 것을 지정하고 싶으면 아래와 같이 style 을 추가하시면 됩니다! 참고들 하세요!