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

잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight ))
14번째 줄: 14번째 줄:


==예시 1: fieldset==
==예시 1: fieldset==
<source lang='html' run outheight='200'>
<syntaxhighlight lang='html' run outheight='200'>
<fieldset>
<fieldset>
   <label for="name">이름:</label>
   <label for="name">이름:</label>
21번째 줄: 21번째 줄:
   <input type="text " id="mail "><br>
   <input type="text " id="mail "><br>
</fieldset>
</fieldset>
</source>
</syntaxhighlight>


==예시 2: fieldset + legend==
==예시 2: fieldset + legend==
<source lang='html' run outheight='200'>
<syntaxhighlight lang='html' run outheight='200'>
<fieldset>
<fieldset>
   <legend>개인정보</legend>
   <legend>개인정보</legend>
32번째 줄: 32번째 줄:
   <input type="text " id="mail "><br>
   <input type="text " id="mail "><br>
</fieldset>
</fieldset>
</source>
</syntaxhighlight>


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

2021년 4월 27일 (화) 23:45 판

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