"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 참고[ | ]

@@ 1번째 줄: / 1번째 줄: @@
-==개요==
+{{다른뜻|The Henry Cow Legend}}
 ;<nowiki>HTML <fieldset> Tag</nowiki>
 ;HTML fieldset 태그
-==예시==
+;<nowiki>HTML <legend> Tag</nowiki>
-<source lang='html5'>
+;HTML legend 태그
+==fieldset 태그==
+* HTML요소를 박스로 묶어주는 태그
+* 주로 form 내부에 사용함
+==legend 태그==
+* 필드셋에 제목을 달아주는 태그
+==예시 1: fieldset==
+<syntaxhighlight lang='html' run outheight='200'>
 <fieldset>
-    <legend>개인정보</legend>
+  <label for="name">이름:</label>
-    이름: <input type="text"><br>
+  <input type="text" id="name"><br>
-    이메일: <input type="text"><br>
+  <label for=" name ">이메일:</label>
+  <input type="text " id="mail "><br>
 </fieldset>
-</source>
+</syntaxhighlight>ㅇㅇ
-<jsfiddle></jsfiddle>
+==예시 2: fieldset + legend==
+<syntaxhighlight lang='html' run outheight='200'>
+<fieldset>
+  <legend>개인정보</legend>
+  <label for="name">이름:</label>
+  <input type="text" id="name"><br>
+  <label for=" name ">이메일:</label>
+  <input type="text " id="mail "><br>
+</fieldset>
+</syntaxhighlight>
+==같이 보기==
+*[[HTML form 태그]]
-==참고 자료==
+==참고==
 *http://www.w3schools.com/tags/tag_fieldset.asp
 *https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fieldset
 [[분류: HTML 태그]]