본문 바로가기

웹표준/(X)HTML

form,fieldset,legend,label 태그

form
원어 및 기능 interactive form (양식 설정 정의)
Element Block       (Element 종류)
포함가능 Element Block script요소 (입력 양식을 직접 form 요소에 넣는 것이 아니라 block 요소에 포함시켜 지정해야 한다.)
속성 - accept=mime형식 (mime 형식을 컴마로 구분하여 설정합니다.)
 - action=CGI 프로그램 이름 (양식을 처리할 프로그램의 경로를 지정합니다.)
 - class=클래스 이름 (스타일 시트에 의해 정의된 서식을 적용. 홈페이지 안에서 여러번 사용할 수 있습니다.)
 - enctype=mime 형식 (양식을 서버에 전송하는데 사용되는 mime형식을 설정하며, 기본적으로application/x-www-form-utlen-coded 입니다.)
 - id=id 이름
 - method=값 (값 = post / get) (양식을 처리할 프로그램으로 전송될 방법을 설정합니다. post는 값을 히든으로 전송하며 get은 url뒤에 쿼리스트링 형식으로 전송 합니다.)
 - name=이름
 - style=스타일 시트 입력
 - target=프레임 이름 (양식에서 전송한 결과를 타겟으로 지정된 곳에서 출력 합니다.)
 - title=제목
특이사항 입력 양식을 직접 form 요소에 넣는 것이 아니라 block 요소에 포함시켜 지정해야 한다.
예제
결과
fieldset
원어 및 기능 form control fieldset (여러개의 양식을 그룹화)
Element Block       (Element 종류)
포함가능 Element Block Inline Text
속성 - class=클래스 이름
- id=id 이름
- style=스타일 시트 입력
- title=제목
특이사항
예제
결과
legend
원어 및 기능 fieldset legend (그룹의 이름 정의)
Element Inline       (Element 종류)
포함가능 Element Inline Text
속성 - class=클래스 이름
- id=id 이름
- style=스타일 시트 입력
- title=제목
특이사항 fieldset 요소의 바로 뒤에 한번만 출현할 수 있다.
예제
결과
label
원어 및 기능 form field label text (양식의 정보 정의)
Element Inline       (Element 종류)
포함가능 Element Inline Text
속성 - accesskey=알파벳 (해당 부분에 키를 지정합니다.)
 - class=클래스 이름
 - for=속성값
 - id=id 이름
 - style=스타일 시트 입력
 - tabindex=숫자 (탭 입력의 순서를 지정 합니다.)
 - title=제목
특이사항 특정 텍스트를 라벨로 정의함으로써 컨트롤과 관련시킬 수 있으며 동기화가 가능하다.
예제
결과