YoonStudyNote

작업의 완료 진행률을 표시. 속성 의미 값 특징 max 작업의 총량 숫자(Number) value 작업의 진행량 숫자(Number) max속성을 생략할 경우 0~1 사이의 숫자여야 함 * 다음과 같이 max값의 기준이 없는 두번째 progress는 0~1사이의 소수점 숫자로 퍼센트를 입력해줘야한다. 70 % * 보통 progress태그는 javascript와 같이 이용해준다. 다음의 뜻은 1초에 10퍼센트씩 값이 증가하고 100퍼센터가 채워지면 interval을 멈추겠다라는 뜻이다. 70 %

옵션(, )의 선택 메뉴()나 자동완성()을 제공. 1. 옵션을 선택하는 메뉴. 속성 의미 값 기본값 autocomplete 사용자가 이전에 입력한 값으로 자동 완성 기능을 사용할 것인지 여부 on, off on disabled 선택 메뉴를 비활성화 Boolean form 선택 메뉴가 속할 하나 이상의 form의 id 속성 값 (즉 id가 form태그 안에 있지 않을 경우에 id속성값으로 연결한다.) multiple 다중 선택 여부 Boolean name 선택 메뉴의 이름 size 한 번에 볼 수 있는 행의 개수 숫자(Number) 0(1과 같음) Apple Orange Banana Mango Pineapple 2. 을 그룹화. 속성 의미 값 label (필수)옵션 그룹의 이름 disabled 옵션 그룹..

같은 목적의 양식을 그룹화()하여 제목()을 지정. Coffee Size Tall Grande Venti 다음과 같이 fieldset과 legend는 form안에서 사용이 된다. cf. 같은 목적의 양식을 그룹화 속성 의미 값 disabled 그룹 내 모든 양식 요소를 비활성화 Boolean form 그룹이 속할 하나 이상의 form의 id속성 값 name 그룹의 이름

여러 줄의 일반 텍스트 양식. 속성 의미 값 기본값 특징 autocomplete 사용자가 이전에 입력한 값으로 자동 완성 기능을 사용할 것인지 여부 on, off on autofocus 페이지가 로드될 때 자동으로 포커스 Boolean 문서 내 고유해야 함 disabled 양식을 비활성화 Boolean form form의 id 속성 값 해당 form의 후손이 아닐 경우만 maxlength 입력 가능한 최대 문자 수 Number 무한 name 양식의 이름 placeholder 사용자가 입력할 값의 힌트 readonly 수정 불가한 읽기 전용 Boolean rows 양식의 줄 수 Number 2 이러한 양식으로 이용이 된다.

선택 가능한 버튼을 지정. 속성 의미 값 특징 autofocus 페이지가 로드될 때 자동으로 포커스 Boolean 문서 내 고유해야 함 disabled 버튼을 비활성화 Boolean form form의 id 속성 값 해당 form의 후손이 아닐 경우만 name 폼 데이터와 함께 전송되는 버튼의 이름 type 버튼의 타입 button, reset, submit 1. Button태그 와 input태그의 동일한 기능 초기화 다음과 같이 입력하면 동일한 기능을 나타낸다. 2. Button태그와 자바 스크립트 이용 클릭! 주로 button은 자바스크립트와 연결해서 이용을 한다.

라벨 가능 요소(labelable)의 제목(Caption). for 속성으로 라벨 가능 요소를 참조(연결)하거나 콘텐츠로 포함. 라벨 가능 요소: , , , , 속성 의미 for 참조할 라벨 가능 요소의 id 속성 값 동의하십니까? 동의하십니까? for을 이용해서 해당 label은 checkbox와 연결되었다. 또한 label에서 input을 이용해서 checkbox와 연결할수 있는데 주로 2번째 방식을 많이 사용한다. 1번째 사용할때는 2번째와같이 한번에 쓸수 없고 나눠서 써야할때 이용한다고 한다. 이와같이 한다면 텍스트를 클릭시 check박스에 체크표시가 된다. 검색 다음과 같이해도 "검색" 글씨를 클릭해도 text칸에 포커스가 된다.

사용자에게 입력 받을 데이터 양식. 속성 의미 값 기본값 특징 autocomplete 사용자가 이전에 입력한 값으로 자동 완성 기능을 사용할 것인지 여부 on, off on autofocus 페이지가 로드될 때 자동으로 포커스 Boolean 문서 내 고유해야 함 checked 양식이 선택되었음을 표시 Boolean type속성 값이 radio, checkbox일 경우만 disabled 양식을 비활성화 Boolean form form의 id 속성 값 해당 form의 후손이 아닐 경우만 list 참조할 datalist의 id 속성 값 max 지정 가능한 최대 값 숫자(Number) type속성 값이 number일 경우만, min속성보다 큰 값만 허용 min 지정 가능한 최소 값 숫자 (Number) type..

웹 서버에 정보를 제출하기 위한 양식 범위를 정의. 이 다른 을 자식 요소로 포함할 수 없음. 속성 의미 값 기본값 action 전송한 정보를 처리할 웹페이지의 URL URL autocomplete 사용자가 이전에 입력한 값으로 자동 완성 기능을 사용할 것인지 여부 on, off on method 서버로 전송할 HTTP 방식 GET, POST GET name 고유한 양식의 이름 novalidate 서버로 전송시 양식 데이터의 유효성을 검사하지 않도록 지정 target 서버로 전송 후 응답받을 방식을 지정 _self, _blank _self 여러가지 양식들을 form이라는 태그안에 묶을 수 있다. cf. get방식을 이용하면 상단 주소에 정보가 노출이 되기 때문에 post 방식을 이용한다. 예를들어, 로그..

표의 머리글(), 본문(), 바닥글()을 지정. 기본적으로 테이블의 레이아웃에 영향을 주지 않음. Fruits ID Name Price F123A Apple $22 F098B Banana $19

표의 열들을 공통적으로 정의하는 컬럼()과 그의 집합(). (Column, Column Group) 속성 의미 값 기본값 span 연속되는 열 수 숫자(number) 1 다음과 같이 입력을 하게 된다면 th태그의 스타일링을 수정할때 일일이 하나 다 해야한다는 불편한 점이 있다. 데이터 타입과 값 타입 값 1 알파벳 A 2 숫자 7 그래서 보안된 점이 col인데, col은 colgroup태그 안에 위치한다. col은 기본적으로 caption밑이거나 첫번째 tr태그 위에 적어야 한다. 데이터 타입과 값 타입 값 1 알파벳 A 2 숫자 7 하지만 col태그도 또한 여러개 있으면 불편한 점이 있다. span을 이용해서 여러개의 열도 한꺼번에 지정할 수 있다. 데이터 타입과 값 타입 값 1 알파벳 A 2 숫자 7