[HTML5 & CSS3] Form

▶ Form

* <form>

<form action="search.php" method="post">

<input type="text" title="검색">

<input type="submit" value="검색">

</form>

​

* <label> 태그 - 폼 요소에 레이블 붙이기

<form>
<h3>수강 분야(다수 선택 가능)</h3>
<ul>
<li><input type="checkbox" value="grm">문법 </li>
<li><input type="checkbox" value="wr">작문</li>
<li><input type="checkbox" value="rd">독해</li>
</ul>
<h3>수강 과목(1과목만 선택 가능)</h3>
<ul>
<li>
<label><input type="radio" name="subject" value="eng">영어회화</label>
</li>
<li>
<label><input type="radio" name="subject" value="ch">중국어회화</label>
</li>
<li>
<label><input type="radio" name="subject" value="jp">일어회화</label>
</li>
</ul>
</form>

-빨강색으로 표시한 부분을 실무에선 더 많이 쓴다.

​

​

* <fieldset>

하나의 폼 안에서 여러 구역을 나누어 표시하려고 할 때 사용한다.

<fieldset> 태그는 <fieldset> 과 </fieldset> 태그 사이의 폼들을 하나의 영역으로 묶고 외곽선을 그려줌.

​

* <legend>

<fieldset> 태그로 묶은 그룹에 제목을 붙여 준다.

fieldset, legend