form , fieldset, label 태그의 사용방법

di-comms·2019년 3월 11일
0
post-thumbnail

폼을 만드는 가장 기본적인 태그는 사이에 여러 폼 요소와 관련된 태그를 넣습니다.

아이디(6자 이상)

아이디(6자 이상)위 소스코드에보시면 레이블이 없는경우와 있는 경우로 나뉘는데요 태그를 붙여도 결과화면은 바뀌지 않지만 브라우저에서 폼요소를 인식할 때 '아이디(6자 이상)'이라는 캡션과 텍스트 입력 창을 한 묶음이라고 인식하게 됩니다.사용방법

2.<label [속성="속성값"] for="이름" >캡션

label 태그에서 for 속성을 사용해 어떤 폼요소에 연결할지를 결정하게 됩니다.

예를 들어, <label [속성="속성값"]>캡션

<label [속성="속성값"] for="이름" >캡션
이렇게 두가지경우 같은 결과를 보여주게됩니다.폼요소 전체를 label태그로 묶지 않고 for 속성을 이용해 텍스트 캡션 부분에만 태그를 사용할 경우 css를 이용해 텍스트 캡션 영역의 너비나 색상 등 스타일을 일정하게 조절할 수 있습니다. css에 대한 자세한 설명은 둘째마당을 참고하세요.라디오 버튼과 체크박스에서 사용하는 태그폼에서 태그를 사용하는 이유 중 하나는 사용자가 라디오 버튼이나 체크 박스를 쉽게 선택하기 위해서입니다.여러 항목 중에서 선택하는 라디오 버튼이나 체크 박스 버튼의 경우에도 태그를 사용하지 않으면 버튼 부분을 클릭해야 선택되지만,태그를 사용하면 텍스트를 선택해도 해당 버튼 부분이 함께 선택됩니다.

profile
기획컨설팅, ui, it컨설팅, ux, 디자인

0개의 댓글