본문 바로가기
반응형

프로그래밍/HTML57

[꿀강] HTML5 Geolocation Geolocation은 사용자의 현재 위치를 표시하는 역할을 한다. 물론 사용자의 현재 위치를 표시하기 위해선 먼저 사용자의 동의가 필요하다. 또한 인터넷이 연결 되어 있어야만 현재 위치값을 가져올 수 있다. 아래 소스를 참고하시기 바란다. 비부스 꿀강 현재 위치 (위도, 경도): °, ° 위도와 경도를 표시해 줄 수 있고 지도 화면에 현재 위치를 표시해 줄 수 있다. 특히 모바일에서 주로 사용되어 질거라고 보여진다. 2018. 9. 13.
[꿀강] HTML5 Drag & Drop (드래그 앤 드롭) 윈도우 사용자 중 드래그 앤 드롭을 모르는 사용자는 없을 것이다. 우리가 흔히 사용하는 마우스를 눌러 끌어다가 놓는 행위가 드래그 앤 드롭이다. 하지만 웹 페이지에서는 드래그 앤 드롭을 많이 사용하진 않았다. 아래와 같이 메일 작성시 파일을 첨부하는 화면이 웹 페이지에서 사용하는 드래그 앤 드롭 방식이다. 하지만 이건 HTML5를 사용한 것이 아니라 ActiveX를 사용하였거나 플래시 기반의 웹 프로그램으로 처리된 부분이다. 아직은 많은 브라우자가 드래그 앤 드롭을 지원하지 않기 때문에 HTML5의 Drag & Drop 방식으로 처리된 웹 페이지는 많지 않을 것이다. 그럼 지금부터 HTML5에는 어떻게 Drag & Drop 방식을 사용하는지 알아보자 HTML5에서 Drag를 하려면 draggable="t.. 2018. 9. 13.
[꿀강] HTML5 input 속성들 HTML5에서는 input type 외에 input에 따로 속성을 지정해 줄 수 있다. input 속성은 거의 모든 브라우저가 지원하기 때문에 아주 유용하게 사용할 수 있다. 그럼 어떤 속성들이 있는지 한번 알아보자. 속 성 설 명 autofocus autofocus가 지정된 부분에 커서가 위치하게 된다. form form 외부에 있는 input 속성에 적용 datalist 지정된 값을 리스트 형식으로 보여줌 min and max input 값의 최소, 최대값을 지정할 수 있다. multiple input 부분에 여러 개의 파일을 불러 올 수 있다. pattern 지정된 패턴 값만 입력 가능하게 해 줌 placeholder input 부분에 미리 입력된 값을 보여준다. required 필수항목으로 지정하.. 2018. 9. 9.
[꿀강] HTML5 Form 관련 태그들 HTML5에서 가장 효율적으로 변호된 부분이 form과 관련된 태그들이다. 새로 추가된 input type은 13개 정도가 된다. 추가된 input type은 다음과 같다. Input Type 설 명 color 색상 값을 입력할 때 사용 date 날짜를 입력할 때 사용 datetime 날짜와 시간을 입력할 때 사용(타임 존 적용) datetime-local 날짜와 시간을 입력할 때 사용(타임존 미적용) email 이메일 주소를 입력할 때 사용 month 연도와 월을 입력할 때 사용 number 지정한 숫자를 입력할 때 사용 range 숫자와 범위를 지정할 때 사용 search 검색 폼을 지정할 때 사용 tel 전화번호를 입력할 때 사용 time 시간을 입력할 때 사용 url URL을 입력 받을 때 사용 .. 2018. 9. 5.
반응형