HTML의 <form>
태그는 다음과 같은 태그들을 포함할 수 있다.
<input>
<label>
<select>
<textarea>
<button>
<fieldset>
<legend>
<datalist>
<output>
<option>
<optgroup>
<select>
선택창을 만든다.
<select name="s">
<option value="s1" >ONE</option>
<option value="s2" selected>TWO</option>
<option value="s3" >THREE</option>
</select>
<label>
<label for="username">Username : </label>
<input type="text" id="username" name="username">
Username :
for 속성을 사용하여 <label>
요소와 연결할 <input>
요소를 지정할 때, for 속성의 값은 연결된 <input>
요소의 id 값과 일치해야 한다.
위 코드에서 for 속성의 값인 "username"은 <input>
요소의 id 속성 값과 일치한다. 이를 통해 사용자가 "Username:" 레이블을 클릭하면 해당 입력 필드에 초점이 맞추어진다.
<textarea>
여러줄을 입력하는 필드이다.
<textarea name="ta" rows="2" cols="30" style="background-color:grey; border:0px;resize: none;">여러줄입력란</textarea>
<fieldset>
& <legend>
<fieldset>
태그는 연관된 데이터를 그룹화 하는데 쓰인다.
<legend>
태그는 <fieldset>
태그의 caption역할을 한다.
<fieldset>
<legend>언어를 선택하세요</legend>
<input type="checkbox" checked name="c" value="j">JAVA 
<input type="checkbox" name="c" value="s">SQL
<input type="checkbox" checked name="c" value="h">HTML<br>
</fieldset>