HTML 태그 정리02

폼을 만드는 <form> 태그

폼을 만드는 기본 태그

종류	설명
method	사용자가 입력한 내용을 서버로 어떻게 넘겨줄 것인지 지정함. method에서 사용할 수 있는 속성 값은 get과 post임. get: 데이터를 256 ~ 4,096byte까지 서버로 넘김. 주소 표시줄에 사용자가 입력한 내용이 그대로 드러남. post: 입력한 내용의 길이에 제한X, 사용자가 입력한 내용도 드러나지 않음
name	자바스크립트로 폼을 제어할 때 사용할 폼의 이름을 지정함.
action	<form> 태그 안의 내용을 처리해 줄 서버를 지정함.
target	action 속성에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에서 열도록 함.

하나의 폼 안에서 여러 구역을 나누어 표시할 때 <fieldset> 태그를 사용함.

폼 요소를 그룹으로 묶는 기본 태그

<legend> 태그는 <fieldset> 태그로 묶은 그룹에 제목을 붙일 수 있음.

<fieldset>
  <legend>그룹 이름<legend>
</fieldset>

<lable> 태그는 <input> 태그와 같은 폼 요소에 레이블을 붙일 때 사용함.
<lable> 태그를 사용하면 폼 요소와 레이블 텍스트가 서로 연결된 것을 웹 브라우저가 알 수 있음.

폼 요소에 레이블을 붙이는 기본 태그

<label>아이디(6자 이상)<input type="text"></label>

<label for="user-id">아이디(6자 이상)</label>
<input type="text" id="user-id">

종류	설명
text	한 줄짜리 텍스트를 입력할 수 있는 텍스트 상자 삽입
password	비밀번호를 입력할 수 있는 필드 삽입
search	검색할 때 입력하는 필드 삽입
url	URL 주소를 입력할 수 있는 필드 삽입
email	이메일 주소를 입력할 수 있는 필드 삽입
tel	전화번호를 입력할 수 있는 필드 삽입
checkbox	주어진 여러 항목에서 2개 이상 선택할 수 있는 체크 박스 삽입
radio	주어진 여러 항목에서 1개만 선택할 수 있는 라디오 버튼 삽입
number	숫자를 조절할 수 있는 스핀 박스 삽입
range	숫자를 조절할 수 있는 슬라이드 막대 삽입
date	사용자 지역 기준으로 날짜(연, 월, 일) 삽입
month	사용자 지역 기준으로 날짜(연, 월) 삽입
week	사용자 지역 기준으로 날짜(연, 주) 삽입
time	사용자 지역 기준으로 시간(시, 분, 초, 분할 초) 삽입
datetime	국제 표준시(UTC)로 설정된 날짜와 시간(연, 월, 일, 시, 분, 초, 분할 초) 삽입
datetime-local	사용자 지역 기준으로 날짜와 시간(연, 월, 일, 시, 분, 초, 분할 초) 삽입
submit	전송 버튼 삽입
reset	리셋 버튼 삽입
image	submit 버튼 대신 사용할 이미지 삽입
button	일반 버튼 삽입
file	파일을 첨부할 수 있는 버튼 삽입
hidden	사용자에겐 보이지 않지만 서버로 넘겨주는 값이 있는 필드 생성