본문 바로가기

html5 교재22

9.13 meter 요소 9.13 meter 요소 meter 요소는 범위를 알고 있거나 아주 적은 값의 범위 내에서 수치 측량에 사용되는 요소로 일명 게이지(guage)라고도 불립니다. 이러한 meter 요소는 다음과 같은 고유한 속성들이 정의되어 있습니다. 속성 기능 value 측정된 값을 나타냄 min 최소값을 설정하는 속성으로 디폴트값은 0 max 최대값을 설정하는 속성으로 디폴트값은 1 low 최저값으로 생각되는 값을 설정 high 최고값으로 생각되는 값을 설정 optimum 최적의 값으로 고려되는 값을 설정 메모장을 열어서 기본적인 코드를 작성하고 다음과 같이 시작태그와 마침 태그 안에 코드를 작성합니다. 30% 2/5 60% 위와 같이 측정된 값을 나타내는 value 속성과 최대, 최소값을 나타내는 max, min 속.. 2013. 7. 31.
9.12 progress 요소 9.12 progress 요소 progress 요소는 어떤 작업의 진행과정을 나타내기 위해 사용하는 요소로 어떤 작업이 전체에서 어느 정도까지 달성되었는가를 나타내는데 사용하는 value 속성과 달성해야 할 전체량을 나타내는 max 속성을 고유한 속성으로 사용할 수 있으며 다음과 같은 형식을 사용합니다. 메모장을 열어서 기본적인 코드를 작성하고 다음과 같이 시작태그와 마침 태그 안에 코드를 작성합니다. 다운로드 중... 위와 같이 작성한 후 “progressEx.html”로 저장합니다. 그 다음 Firefox를 이용하여 열어보면 다음과 같이 그럴듯한 진행상태를 나타내는 프로그래스바가 나타납니다. - 본 저작물은 본인이 2011년 상반기부터 2012년 여름 즈음까지 도서 출판을 목적으로 약 470 페이지(.. 2013. 7. 31.
9.11 output 요소 9.11 output 요소 output 요소는 계산 결과를 나타내는데 이용하는 요소로 예를 들면 javaScript를 이용하여 계산된 결과를 나타낼 때 사용하며 다음과 같은 고유한 속성들을 사용할 수 있습니다. 속성 기능 for 공백으로 분리된 요소의 ID값을 설정하여 계산된 결과 나타내는데 사용 form output 요소가 속한 form을 명시 name output 요소의 이름 예제를 하나 하는데 여기서는 form 속성과 name 속성 관련 예제를 해봅니다. 메모장을 열어서 HTML5 문서의 기본적인 코드를 작성하고 다음과 같이 작성합니다. output 요소의 사용방법 두 수의 더한 값 : 위에서 블록 내에 있는 add() 함수는 javaScript 함수를 나타내며 이 함수는 하단의 요소의 시작 태그 .. 2013. 7. 31.
9.10 keygen 요소 9.10 keygen 요소 keygen 요소는 키(key) 한 쌍을 생성하는데 이용되는 요소로 웹페이지에 올려진 input, textarea와 같은 컨트롤들을 포함하는 form이 웹서버로 전송될 때 비밀키(private key)는 로컬에 존재하는 저장 영역에 저장되고 공개키(public key)는 서버로 전송됩니다. 즉 보안과 관련된 요소로 다음과 같은 고유한 속성들이 정의되어 있습니다. 속성 기능 autofocus 페이지가 로드될 때 자동적으로 포커싱되도록 하는데 사용 challenge 공개키(public key)와 함께 전송될 문자열 keytype 키 타입을 명시할 때 사용. 예를 들면 keytype=”RSA” 라면 전자서명이 가능한 최초의 암호알고리즘인 RSA를 사용함을 나타냄 name Keygen.. 2013. 7. 31.