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

Sung Hyun Hong님의 프로필 이미지
Sung Hyun Hong

작성한 질문수

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

html form 변수명 설정 관련

해결된 질문

작성

·

354

0

- 본 강의 영상 학습 관련 문의에 대해 답변을 드립니다. (어떤 챕터 몇분 몇초를 꼭 기재부탁드립니다)
- 이외의 문의등은 평생강의이므로 양해를 부탁드립니다
- 현업과 병행하는 관계로 주말/휴가 제외 최대한 3일내로 답변을 드리려 노력하고 있습니다
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
 
 
섹션1 HTML5 HTML 주요 태그이해와 정리 2 부분 8분 경에
 
<input type="text" name="pw" autofocus />
<input type="text" name="pw" autocomplete="off" />
 
가 나오는데
서로 다른 두 개체에 대하여 변수명이 pw로 동일하여도 상관없나요?

답변 1

0

안녕하세요.

해당 예제는 input 의 여러가지 추가 옵션을 설명드리는 예제라서요. 동일한 코드에 맨 마지막 옵션만 바꿔보며, 어떻게 화면에 다르게 나오는지만 확인하느라, 굳이 name 을 각기 다르게 쓰지 않았습니다

name 이 동일하더라도, 어차피 해당 name 은 form 을 최종 submit 할 때, 새로운 HTTP 요청이 넘어갈 때, 비로소 해당 input 에 들어 있는 값을 name 의 변수 값에 넣어서 보내는 것이라서, 해당 예제처럼 submit 없이 단지 화면에 어떻게 동작하는지만 보여드리는데에는 문제는 안되서요.

괜시리, input 의 옵션 차이를 보여드리는데, name 을 이것저것 바꿔쓰면, 혹시 어떤 분들은 name 의 다른 코드에 또 궁금증을 가지시고, 그렇게 되면 아직 HTTP 요청등을 설명하는 단계나, 부분도 아닌데, 이 부분을 이해하고싶어지시고, 그러다보면, 결국 본 강의에서 설명하는 input 의 여러 옵션의 차이에 집중을 못하실 수 도 있어서, 이 부분은 최대한 헷깔리지 않게, 집중할 부분에만 초점을 맞춰서 코드와 설명을 드렸습니다.

감사합니다

Sung Hyun Hong님의 프로필 이미지
Sung Hyun Hong

작성한 질문수

질문하기