위키
포럼
도구
바뀐글
랜덤

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

잔글 (211.240.85.160(토론)의 편집을 Jmnote의 마지막 판으로 되돌림)
26번째 줄: 26번째 줄:
==예시 2: fieldset + legend==
==예시 2: fieldset + legend==
<source lang='html'>
<source lang='html'>
<fieldset>
<form method="post">
  <legend>개인정보</legend>
<input type="hidden">
  <label for="name">이름:</label>
<fieldset>
  <input type="text" id="name"><br>
  <legend>개인정보</legend>
  <label for=" name ">이메일:</label>
  <label for="name">이름:</label>
  <input type="text " id="mail "><br>
  <input type="text" id="name"><br>
</fieldset>
  <label for=" name ">이메일:</label>
  <input type="text " id="mail "><br>
</fieldset>
</source>
</source>
<jsfiddle height='150'>tvccaewa</jsfiddle>
<jsfiddle height='150'>tvccaewa</jsfiddle>

2020년 3월 6일 (금) 11:46 판

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

<form method="post">
<input type="hidden">
 <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 참고

원본 주소 "https://zetawiki.com/w/index.php?title=HTML_fieldset_태그,_legend_태그&oldid=568699"
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}