본문 바로가기

css를 이용해서 uppercase, lowercase 등 구현하는 방법(대문자/소문자 치환) css를 이용해서 uppercase, lowercase 등도 구현이 가능합니다. text-transform을 사용하면 됩니다. 개인적으로는 capitalize가 가장 흥미로운데 첫 글자만 대문자로 치환해줍니다. 다음은 text-transform을 사용하는 간단한 예제입니다. hello world hello world hello world 더보기
(html/css) 간단한 div 팝업 예제 div 팝업은 모던 웹을 개발하기 위한 필수 스킬이라고 할 수 있습니다.(새 창을 띄우는 것보다 훨씬 보기도 좋고!) jQuery UI 등을 이용해서도 div 팝업을 만들 수 있지만 간단하면서도 강력한 형태의 div 팝업 소스를 소개합니다.(순수 자바스크립트와 css를 이용한 소스입니다!) 데모 보기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 LIGHTBOX EXAMPLE .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; backgro.. 더보기
disabled와 readonly의 차이점 disabled와 readonly의 가장 큰 차이점은 readonly는 submit을 할 때 값이 넘어가지만 disabled는 전혀 넘어가지 않는 부분이라고 할 수 있다! 이 밖에도 외형이 조금 다르고(disabled는 완전히 회색으로 바뀌지만 readonly는 외형이 그대로이다!) 기타 다른 사소한 차이점(readonly에는 tab index가 먹히지만 disabled에는 안먹히는 것 등)도 존재한다! 더보기