인프런 커뮤니티 질문&답변

Minkyung K님의 프로필 이미지
Minkyung K

작성한 질문수

프로그래밍 시작하기 : 웹 입문 (Inflearn Original)

실습: 회원가입 폼 만들기 (1-14)

name이랑 id 역할의 차이가 무엇인지 헷갈려요.

작성

·

682

1

컴퓨터가 이해할 수 있도록 요소에 대해 지칭하는 명칭을 name="account" 라고 지정하는 것 같은데, id와의 차이점이 헷갈립니다 ㅠㅠ! 뭐가 다른 거길래 두 번 써주는 건가요? 

답변 1

1

안녕하세요 :)

폼의 경우 결국 프론트엔드에서의 결과물을 서버나 다른 주소로 보낼 때 사용하게 됩니다.

이때 폼에서 데이터를 읽어오는 이름의 기준을 name 으로 판단하게 됩니다. 

수업에서도 가입하기 버튼을 눌렀을때 주소창에 있는 문자들을 보면 input 내에 name에 적어놓았던 것을 기반으로 값이 매칭되어 있는 것을 확인하실 수 있을거에요!

id 의 경우 해당 태그 (정확하게 말하면 돔)의 별칭과 같은 의미입니다!  추후에 배우게될 css 나 자바스크립트에서

"id 가 password 인 태그를 찾아라" 라고 했을때 

css 에서는 #password, 자바스크립트에서는 document.getElementById('password') 라는 코드를 사용하시게 될거에요 :)

간략하게 정리하면
name 은 폼 태그 내부에서의 이름,
id 는 전체 돔에서 해당 돔에 부여되는 특별한 이름 정도로 정리할 수 있겠네요 :)

감사합니다!

Minkyung K님의 프로필 이미지
Minkyung K

작성한 질문수

질문하기