[html] form에 대하여

1. form

 

form 태그는 사용자로부터 입력을 받을 수 있는 HTLM 입력 폼(form)을 정의할 때 사용한다.

 

form 은 다음 요소들을 포함할 수 있다.

 

- <button>

- <fieldset>

- <input>

- <label>

- <option>

- <optgroup>

- <select>

- <textarea>

 

예시)

<form>
	<table>
      <tr>
        <th>제목</th>
        <td>
          <input type="text" id="title">
          <label for="title"></label>
        </td>
      </tr>
      <tr>
        <th>작성자</th>
        <td>
          <input type="text" id="writer">
          <label for="writer"></label>
        </td>
      </tr>
      <tr>
        <th>비밀번호</th>
        <td>
          <input type="password" id="password">
          <label for="password"></label>
        </td>
      </tr>
    </table>
</form>

 

form에 사용 가능한 속성
accept	파일 타입	서버로 업로드할 수 있는 파일 타입을 콤마(,)로 구분된 리스트로 지정 HTML5에서는 더 이상 지원 X
accept-charset	문자셋	폼 데이터(form data)가 서버로 제출될 때 사용되는 문자 인코딩(character encoding) 방식을 지정
action	URL	폼 데이터가 서버로 제출될 때 해당 데이터가 도착할 URL을 지정
autocomplete	on off	<form> 요소에서 자동 완성 기능을 사용할지 여부를 지정
enctype	application/x-www-form-urlencoded multipart/form-data text/plain	폼 데이터가 서버로 제출될 때 해당 데이터가 인코딩되는 방법을 지정 (단, <form> 요소의 method 속성값이 “post”인 경우에만 사용할 수 있음)
method	get post	폼 데이터가 서버로 제출될 때 사용되는 HTTP 메소드를 지정
name	텍스트	<form> 요소의 이름을 지정
novalidate	novalidate	폼 데이터가 서버로 제출될 때 해당 데이터의 유효성을 검사하지 않음을 지정
target	_blank _self _parent _top	폼 데이터를 서버로 제출한 후 받는 응답이 열릴 위치를 지정