html 강좌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.8 option, optgroup 요소 9.8 option, optgroup 요소 option 요소는 select, datalist 요소의 자식 요소로 사용되어 해당 요소들의 리스트를 구성하는 항목을 나타내는데 이용되거나 optgroup 요소의 자식요소로 이용될 수 있으며 다음과 같은 고유한 속성이 정의되어 있습니다. 속성 기능 disabled 해당 항목이 사용 불가임을 명시 label 긴 항목에 대한 짧은 라벨 selected 페이지가 처음 로드될 때 사전에 선택되져야 할 항목을 명시할 때 value 항목값을 의미하며 이 값이 웹서버로 전달되게 됨 앞에서 사용한 selectEx.html 파일을 메모장으로 열어서 다음과 같이 시작태그와 마침 태그 안에 코드를 수정합니다. 사과 딸기 배 키위(양다래 열매) 포도 위에서 보는 것처럼 selecte.. 2013. 7. 31. 9.4 input 요소 9.4 input 요소 input 요소는 일반적으로 사용자로부터 간단한 텍스트 문자부터 특정 데이터 형식을 취하는 전화번호, 이메일 등과 같이 비교적 간단한 데이터를 사용자로부터 입력받아야 할 경우 사용할 수 있는 요소로 많은 속성들이 있지만 그 중 몇 가지 속성들을 이용하여 일반적인 사용 형식을 나타내면 다음과 같습니다. 위에서 pattern 속성은 정규표현식(Regular Expression)을 이용하여 사용자가 입력하는 데이터에 대해서 일정한 규칙을 따르도록 처리할 때 사용하는 속성으로 가장 .. 2013. 7. 31. 9.3 lable 요소 9.3 lable 요소 label 요소는 Input 요소와 같은 다른 요소의 라벨을 정의하는데 사용되는 요소로 label 요소 자신이 어느 form에 속하는지를 설정하는 form 속성과 관련된 컨트롤의 id를 명시할 때 사용하는 속성인 for가 정의되어 있습니다. 간단하게 다음에 설명할 input 요소를 2개를 이용한 예제를 해볼까요? 메모장을 열어서 기본적인 코드를 작성하고 다음과 같이 시작태그와 마침 태그 안에 코드를 작성합니다. 당신이 좋아하는 영화 장르는? 액션 공포 위와 같이 작성한 후 “labelEx.html” 로 저장한 후 IE를 통해 보면 다음과 같이 checkbox 형태의 input 요소의 라벨로 각각 액션, 공포 형태로 나타내게 되며 내부적으로 label 요소의 for 속성을 이용하여 .. 2013. 7. 31. 이전 1 2 3 4 ··· 6 다음