<form> : 서식

<form> : 서식

▶웹 페이지에서 사용자가 키보드로 데이터를 입력하거나 마우스로 선택할 수 있는 서식을 폼(form)양식이라고 한다.

▶<input> : 입력요소 / type : 입력방식

폼	HTML 태그와 속성
텍스트 입력 창	<input type="text">
비밀번호 입력창	<input type="password">
라디오 버튼	<input type="radio">
체크박스	<input type="checkbox">
파일	<input type="file">
버튼	<input type="submit"> / <input type="button"> / <input type="reset"> / <button>
선택박스	<select> <option>
다중 입력 창	<textarea>

 

▶form : get

→<form action="회원가입 완료 후 보여줄 페이지로 보내줌" method="get"></form>

→ex)회원가입 완료창, 로그인창, 메인창 등

▶form : post

→get, post는 백엔드 개발자가 정해줌. 프론트엔드 개발자에겐 권한이 없다.

▶<fieldset> : 폼 태그를 감싸는 또 하나의 태그

→회원가입을 페이지 한 줄로 할 땐 별로 의미 없지만 간혹 두, 세 개를 가로 페이지로 나눠져서 회원가입을 할 때가 있음. 그 땐 폼을 두개 쓰는게 아니라 필드셋을 2개를 써주는 것이다.

 

▶<legend> : 필드셋의 제목 태그

→ex)회원가입 양식 폼 : 보통 미각적으로 예쁘지 않아서 사용자의 시각에 보이게 적진 않는다. But 접근성, 스크린 리더기가 읽어줄 때 무슨 내용에 관한것인지 알아야 하기 때문에 적긴 한다. 안보이게만 할 뿐.