HTML Form Tag

---

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&nbsp
    <input type="checkbox"         name="c" value="s">SQL
    <input type="checkbox" checked name="c" value="h">HTML<br> 
</fieldset>

언어를 선택하세요 JAVA    SQL    HTML