[펌글] fieldset 요소, legend 요소

By | 10월 26, 2011

- 출처 : http://cafe.naver.com/webmarkup/188 -

복수의 컨트롤 (라벨포함)을 폼 안에서 그룹화 하여 폼을 더욱 정밀하게 구조화 할 수 있습니다.

 

◆ fieldset 요소 : 컨트롤의 그룹화하는 범위를 정의 합니다.

                           대부분의 브라우저에서 fieldset 주위에 자동으로 보더가 생깁니다.

 

◆ legend 요소 : 그룹화한 범위의 이름을 캡션으로 표시할 수 있습니다.

                          fieldset 요소의 바로뒤에 한번만 출현 할 수 있습니다.

                          대부분의 브라우저에서는 fieldset 요소의 보더 중간에 걸쳐 legend 요소가 표시 됩니다.
 

<form>
     <fieldset>
        <legend>필수항목</legend>
          <dl>
            <dt><label for="name">이름</label></dt>
            <dd><input type="text" name="name" id="name" /></dd>
            <dt><label for="email">E-mail</label></dt>
            <dd><input type="text" name="email" id="email" /></dd>
           <dt><label for="comment">코멘트</label></dt>
           <dd><textarea name="comment" rows="5" cols="50">의견이나 질문을 입력 하십시오.</textarea></dd>
        </dl>
    </fieldset>
</form>

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments