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

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 같이 보기[ | ]

HTML form 태그

6 참고[ | ]

@@ 14번째 줄: / 14번째 줄: @@
 ==예시 1: fieldset==
-<source lang='html5'>
+<syntaxhighlight lang='html' run outheight='200'>
 <fieldset>
-    이름: <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>
-</source>
+</syntaxhighlight>ㅇㅇ
-<jsfiddle height='150'>0mLmcuu1</jsfiddle>
 ==예시 2: fieldset + legend==
-<source lang='html5'>
+<syntaxhighlight lang='html' run outheight='200'>
 <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>
-</source>
+</syntaxhighlight>
-<jsfiddle height='150'>tvccaewa</jsfiddle>
 ==같이 보기==
 *[[HTML form 태그]]
-==참고 자료==
+==참고==
 *http://www.w3schools.com/tags/tag_fieldset.asp
 *https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fieldset
 [[분류: HTML 태그]]