폼 요소3

1. <label>: 폼 요소와 연결 시켜주기 위하믕로 웹 접근성 향상에 도움이 됨.(필수적!)

- 모든 form 요소에 사용가능.

- form 요소의 id 속성값과 <label>의 for 속성값을 같게 적어줘야함

==> <label>을 사용하면 클릭할 경우 해당 form 요소를 클릭한 것처럼 동작함.

 

 

2. <fieldset>: 여러 개의 폼 요소를 그룹화하여 구조적으로 만들기 위해 사용.

    <legend>: 폼 요소의 제목으로 <fieldset> 요소 내부에 작성/ <fieldset>요소의 가정먼저 자식 태그로 나와야함.

 

 

3. <form>: 모든 form요소들을 감싸는 태그. 데이터를 묶어서 실제 서버에 전송해주느 역할을 함.

                  <fieldset>태그로 구조화 되어있으면 <fieldset>도 감싸는 역할을 함.  

                  내가 원하는 값들만 묶어서 서버에 전송하기 위함.

 

- action: 폼 데이터를 처리하기 위한 서버의 주소

- method: 데이터를 전송하는 방식을 지정.

- method 방식에는 get, post 속성이 있다.(get은 민감한 정보를 다루는데 사용하면 안된다./회원가입 및 민감한 정보를 다루는데에는 post가 적절한 방식이다.)