form 태그와 주요 속성

form 태그의 종류
<form>
<fieldset>, <legend>
<button>
<label>
<input>
<textarea> : 여러 라인
<select>, <optgroup>, <option>

<form>

• action : 서버로 전송할 URI
• method
  • get (default)
  • post
• target : 링크 이동 옵션
  • _blank : 새 탭으로
  • _self : 동일한 탭/창으로
  • _parent : 상위 프레임에 문서 열기
  • _top : 창 전체에 문서 열기
• autocomplate : 자동 완성 유무
  • on
  • off
• novalication : 유효성 검사 유무
• enctype : 인코딩 타입

<fieldset>

그룹화, 그룹 설명

<button>

<label>

for 속성에 id를 주어 input 태그와 연동이 가능 (for="input 태그의 id값")
단어만 선택해도 체크가 된다.

<input>

• type
• id
• name : 데이터 전송을 위해서는 필수, 그룹으로 묶어줄 수도 있음
• placeholder : 입력 형식을 알려줌
• value : 입력 기본값
• list : datalist 태그의 id값

ex) list 사용 예시
<input list="browsers">
	<datalist id="browsers">
		<option value="IE">
		<option value="Firefox">
		<option value="Chrome">
		<option value="Opera">
	</datalist>

• 데이터 입력을 제한하는 속성
  • maxlength : 최대 길이 지정 가능 (minlength는 없음)
  • min
  • max
  • step : 입력한 숫자만큼씩 증가
  • pattern : 정규표현식
  • size : 너비
  • select : 항목 수
• 기타 속성
  • checked
  • autofocus
  • multiple
  • required
  • readonly
  • disabled
• form 태그의 속성 재정의
  • formaction
  • formenctype
  • formmethod
  • formtarge
  • formnovalidate

<textarea>

여러 라인

<select>

리스트 중에서 고를 수 있게 입력 받는 태그
option 태그로 리스트를 생성할 수 있다.
optgroup은 option 태그를 그룹으로 묶어주는 태그이며, 없어도 된다.

<optgroup>

<option>