html 회원가입 페이지 만들기

회원가입 페이지 html

 

실행 결과

type="checkbox"는 중복이 가능하지만 type="radio"는 중복 선택이 불가능하다.

<lable for=""은 라벨을 누르면 for 문에 들어있는 아이디로 이동한다.

그렇다면 id가 있는데 name은 과연 무슨 역할을 할까?

 

name의 역할

바로 아이디와 패스워드 그리고 성별 언어를 무엇을 선택했는지를 name을 사용하여 알 수 있다. 

또한 name이 있어야 성별을 남 or 여 중에 하나를 선택할 수 있고

프로그래밍 언어도 중복 선택할 수 있다.

위에 값이 서버로 전송되어 백엔드에서 처리를 하는데 위처럼 뒤에 붙은 값이 너무 길어지게 된다면

get 대신 post를 사용하면 된다.

 

<form> - <form> 태그의 method 속성은 폼 데이터(form data)가 서버로 제출될 때 사용되는 HTTP 메소드를 명시합니다.

 

method 속성은 속성값으로는 GET과 POST 두 가지 중 하나를 선택할 수 있습니다.

 

GET 방식은 URL에 폼 데이터를 추가하여 서버로 전달하는 방식이다.

GET 방식의 HTTP 요청은 브라우저에 의해 캐시 되어(cached) 저장된다.

또한, GET 방식은 보통 쿼리 문자열(query string)에 포함되어 전송되므로, 길이의 제한이 있다.

따라서 보안상 취약점이 존재하므로, 중요한 데이터는 POST 방식을 사용하여 요청하는 것이 좋다.

 

POST 방식은 폼 데이터를 별도로 첨부하여 서버로 전달하는 방식이다.

POST 방식의 HTTP 요청은 브라우저에 의해 캐시되지 않으므로, 브라우저 히스토리에도 남지 않는다.

또한, POST 방식의 HTTP 요청에 의한 데이터는 쿼리 문자열과는 별도로 전송된다.

따라서 데이터의 길이에 대한 제한도 없으며, GET 방식보다 보안성이 높다.