티스토리 뷰



label 

• 컨트롤에 라벨을 정의하는 요소이다.

• label 요소에 특정 텍스트를 라벨로 정의함으로써 컨트롤과 관련시킬 수 있으며

 동기화가 가능하다. (e.g. 라벨과 체크박스 중 어느 쪽을 클릭해도 체크박스가 선택)

• 명시적 라벨 부여

• label 요소의 for 속성에 컨트롤의 id 속성과 같은 값을 지정하는 방법

• 하나의 컨트롤에 복수의 라벨 지정 가능

• label 요소와 컨트롤은 반드시 인접할 필요 없음


<label for="male">남자</label> <input type="radio" name="sex" id="male" value="m"> 

<label for="female">여자</label> <input type="radio" name="sex" id="female" value="f"> 



• 암묵적 라벨 부여

• label 요소의 범위에 텍스트와 컨트롤을 포함하는 방법

• 하나의 컨트롤에 복수의 라벨 지정 불가능

• 텍스트와 컨트롤은 반드시 label 요소 안에 포함되어야 함


<label>남자 <input type="radio" name="sex" id="male" value="m"></label> 

<label>여자 <input type="radio" name="sex" id="female" value="f"></label>





fieldset, legend

• 여러 폼 컨트롤을 폼 안에서 그룹화하는 요소이다.

• fieldset 요소로 그룹화하는 범위를 정의한 후 legend 요소로 그룹화한 범위의 제목을 표시한다.

• legend 요소는 fieldset 요소의 바로 뒤에 한번만 출현할 수 있다. 



※ download & Next Menu



저작자 표시 비영리 변경 금지
신고
댓글