web sprit

모바일에서 input 태그 폼영역을 터치하면 Android 나 IOS 에서 내용을 작성할 수 있는 키패드가 나옵니다. 이 부분을 글자를 적는 키패드가 아닌 숫자만 적을 수 있는 숫자 키패드만 나오게하는 방법이 있습니다. input 태그 작성 시 다음과 같이 작성하면 됩니다. 하지만 다음과 같은 방법은 치명적인 오류가 있습니다. Android에서는 숫자 키패드가 나오지만 IOS 에서는 키패드가 나오지 않습니다. IOS 에서도 똑같이 숫자 키패드가 나오게 하기위해선 다음과 같은 속성을 추가해 줍니다. 위와 같이 적용하면 Android OR IOS 모두 숫자키패드가 나옵니다. 또 한가지 팁 !!! input 의 type 이 number 일때 maxlength를 설정하려고 하면 실제 화면에서는 maxlength..

1. 풀 스크린 화면1cs홈스크린으로 등록하면 사파리 모바일에서 풀스크린으로 시작합니다. 2. 시작 시 화면1cs풀스크린 모드에서 위의 태그로 시작화면을 띄울 수 있습니다. 3. 상태바 없애기1cs풀스크린 모드에서 상태바 조정이 가능합니다. 4. 웹 클립 아이콘12 cs사파리에서 특정 페이지를 홈 스크린으로 만들때 모바일 사파리는 아이콘으로 만들 웹 클립 파일을 해당 웹페이지에서 찾습니다.(파일명: apple-touch-icon-precomposed.png)다른 방법으로는 link 태그로 지정하면 됩니다.

프로젝트를 진행하다가 input 태그에서 마우스 클릭을 하면 알수 없는 자동완성 목록이 뜨는걸 확인할 수 있었다. 부트스트랩 프로젝트 였는데 이 기능이 부트스트랩에서 지원해주는 줄만 알고 쓸데없이 소스 까보는 불상사를 격어 이렇게 블로그에 정리한다. 우선 자동완성에 대한 부분을 안뜨게 하고 싶다면input 속성으로 autocomplete=off 으로 설정해주면 다시는 안나타는것을 확인할 수 있다.on으로 설정안해도 브라우저에 따라 지원되는 브라우저가 있기 때문에 꼭 자동완성창을 제거하고 싶다면 위의 설정값을 줘야 한다.123 Colored by Color Scriptercs

textarea 태그 문법은 아래와 같습니다.123 Colored by Color Scriptercs textarea 태그의 속성값 중 cols, rows 는 css 의 width 와 height 값으로 customize가 가능하기 떄문에 따로 태그에 넣을 필요는 없습니다. 자 그럼 textarea 태그의 속성들이 무엇이 있는지 알아봐야 겠네요. 기존의 사용하던 속성부터 html5에서 새롭게 추가되어진 속성들을 알아보겠습니다. * 기본 속성 속성 값 설명 cols 숫자 너비 rows 숫자 높이 disabled disabled 텍스트 영역을 비활성화 name text 텍스트 영역 이름 정의 readonly readonly 텍스트 영역 읽기만 가능 * HTML5에 새롭게 추가 속성 값 설명 autofocus..