HTML <form> 태그의 이해

폼은 입력된 데이터를 한 번에 서버로 전송합니다. 전송한 데이터는 웹서버가 처리하고 결과에 따른 또 다른 웹 페이지를 보여줍니다. 

 

폼 태그 속성에는 

action : 폼을 전송할 서버 쪽 스크립트 파일을 지정합니다. 

name : 폼을 식별하기 위한 이름을 지정합니다.

accect-charset : 폼 전송에 사용할 문자 인코딩을 지정합니다.

target : action에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정합니다. 

 

폼을 구성하는 다양한 엘리먼트

1. 폼 엘리먼트 그룹 <field>, <legend> 태그

<fieldset> 태그는 폼 태그 안에 관련 있는 폼 엘리먼트들을 그룹화할 때 사용

그리고 <fieldset> 태그 하위에 <legend> 태그를 사용하여 그룹화한 폼 엘리먼트들을 목적에 맞게 이름을 지정

 

예시) 

See the Pen form ex1 by hyunseo91 (@hyunseo91) on CodePen.