"HTML fieldset 태그, legend 태그"의 두 판 사이의 차이

27번째 줄: 27번째 줄:
<source lang='html'>
<source lang='html'>
<fieldset>
<fieldset>
  <legend>개인정보</legend>
   <legend>개인정보</legend>
   <legend>개인정보</legend>
   <label for="name">이름:</label>
   <label for="name">이름:</label>
33번째 줄: 32번째 줄:
   <label for=" name ">이메일:</label>
   <label for=" name ">이메일:</label>
   <input type="text " id="mail "><br>
   <input type="text " id="mail "><br>
  <legend>개인정보</legend>
</fieldset>
</fieldset>
</source>
</source>

2018년 8월 28일 (화) 19:56 판

  다른 뜻에 대해서는 The Henry Cow Legend 문서를 참조하십시오.
HTML <fieldset> Tag
HTML fieldset 태그
HTML <legend> Tag
HTML legend 태그

1 fieldset 태그

  • HTML요소를 박스로 묶어주는 태그
  • 주로 form 내부에 사용함

2 legend 태그

  • 필드셋에 제목을 달아주는 태그

3 예시 1: fieldset

<fieldset>
  <label for="name">이름:</label>
  <input type="text" id="name"><br>
  <label for=" name ">이메일:</label>
  <input type="text " id="mail "><br>
</fieldset>

4 예시 2: fieldset + legend

<fieldset>
  <legend>개인정보</legend>
  <label for="name">이름:</label>
  <input type="text" id="name"><br>
  <label for=" name ">이메일:</label>
  <input type="text " id="mail "><br>
  <legend>개인정보</legend>
</fieldset>

5 같이 보기

6 참고

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}