action, method, target, autocomplete 등 form 자체의 속성을 구분합니다.
action은 데이터를 처리할 URL, method는 전송 방식입니다. GET은 주소에 검색 조건이 보이는 조회에, POST는 본문으로 보내는 생성·변경에 주로 사용합니다. autocomplete과 novalidate는 자동완성과 브라우저 검증 동작을 조절합니다.
결과의 action 줄에는 적어 둔 /members가 아니라 앞에 사이트 주소가 붙은 절대 주소가 나옵니다. form의 action을 스크립트로 읽으면 상대 경로를 문서의 기준 주소로 풀어 돌려주기 때문입니다. method 줄은 소문자 post이고, pre의 white-space: pre-wrap 덕분에 줄바꿈 문자로 이어 붙인 세 줄이 실제로 줄을 바꿔 표시됩니다.
폼 컨트롤의 name은 form 객체의 속성으로도 노출되어 기존 속성을 가립니다. 이 예제의 입력칸은 name이 name이라서 스크립트에서 form.name을 읽으면 폼의 이름이 아니라 입력 요소가 나옵니다. 같은 이유로 컨트롤 이름을 action이나 submit으로 지으면 form.action과 form.submit()이 망가지니 피합니다.
비밀번호나 개인정보를 GET으로 보내면 URL과 기록에 값이 남을 수 있습니다. 용도에 맞는 method를 선택하세요.
직접 바꿔보세요method를 get으로 바꾸고 어떤 요청이 만들어질지 설명해보세요.