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

잔글 (Jmnote(토론)의 편집을 14.39.53.243의 마지막 판으로 되돌림)
 
(사용자 5명의 중간 판 13개는 보이지 않습니다)
14번째 줄: 14번째 줄:


==예시 1: fieldset==
==예시 1: fieldset==
<source lang='html5'>
<syntaxhighlight lang='html' run outheight='200'>
<fieldset>
<fieldset>
<label for="name">이름:</label>
  <label for="name">이름:</label>
<input type="text" id="name><br>
  <input type="text" id="name"><br>
<label for="name">이메일:</label>
  <label for=" name ">이메일:</label>
<input type="text" id="mail"><br>
  <input type="text " id="mail "><br>
</fieldset>
</fieldset>
</source>
</syntaxhighlight>ㅇㅇ
<jsfiddle height='150'>0mLmcuu1</jsfiddle>


==예시 2: fieldset + legend==
==예시 2: fieldset + legend==
<source lang='html5'>
<syntaxhighlight lang='html' run outheight='200'>
<fieldset>
<fieldset>
    <legend>개인정보</legend>
  <legend>개인정보</legend>
    이름: <input type="text"><br>
  <label for="name">이름:</label>
    이메일: <input type="text"><br>
  <input type="text" id="name"><br>
  <label for=" name ">이메일:</label>
  <input type="text " id="mail "><br>
</fieldset>
</fieldset>
</source>
</syntaxhighlight>
<jsfiddle height='150'>tvccaewa</jsfiddle>


==같이 보기==
==같이 보기==

2021년 10월 18일 (월) 10:15 기준 최신판

  다른 뜻에 대해서는 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>
</fieldset>

5 같이 보기[ | ]

6 참고[ | ]

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