web-development-kb-ko.site

ENTER는 어떻게해야합니까?

웹 양식에서 사용자가 ENTER 키를 누르면 어떻게됩니까?

이름, 이메일, 비밀번호, 가입 버튼 등 일반적인 가입 양식을 작성하고 있습니다. JavaScript를 사용하고 있으며 페이지에서 <form...> 태그, 각 키를 누를 때 발생하는 일을 완전히 제어 할 수 있습니다. 포커스를 변경하고 서버에 데이터를 제출하고 필드 내용을 검증 할 수 있습니다. 그러나 무엇 해야합니까?

내가 궁금한 점 : ENTER 키를 누르면 사용자가 다음 필드로 이동해야합니까 (TAB 키 기준)? 포커스가 최종 필드에있는 동안 Enter 키를 눌러 양식을 제출해야합니까?

19
David

입력하여 양식을 제출하십시오. 탭은 다음 필드로 이동해야합니다.

사용자는 키보드가 생각한대로 작동하지 않을 때 일반적으로 인식하지 못합니다.

37
Jeff Sheldon

기본 제공 브라우저 기본값은 항상 입력시 제출되므로 사실상 표준이되었습니다.

하나는 보통 이것을 가로 채고 검증을합니다. 유효성 검증에 실패하면 제출 이벤트가 취소되고 양식이 제출되지 않습니다.

따로 : 왜 <form> 태그를 사용하지 않습니까? 당신은 정말로해야합니다. 자바 스크립트가 실행되는 것을 방해하지 않으며 의미 상 더 좋습니다.

9
Steven Ringo

이 질문은 사용자 테스트 없이는 대답 할 수 없습니다. 왜? Enter는 사용자가 누구인지에 따라 달라집니다. 지금까지이 질문에 대한 답변을 살펴보십시오. 가장 많이 투표 한 사람은 자신의 전문 지식을 바탕으로 의견을 제시하는 인터랙션 디자이너입니다 (그가 말할 수있는 모든 것이 이미 본 것임을 고려하여 편견을 가짐). 그들은 비슷한 것을 보았고 그것에 동의했기 때문입니다.

그러나 진정으로 answer 질문을하려면 사용자 테스트를해야합니다. 잠재 고객이 Enter를 사용하여 양식을 제출할 것으로 예상하는 사용자 인터페이스 디자이너로 구성되지 않은 경우 measuring없이 기대하는 내용을 말하기는 어렵습니다. 가장 좋은 방법은 청중으로부터 통계적으로 상당한 수의 사람들을 확보하고 양식의 다른 디자인을 사용할 때 이들이 어떻게 행동하는지 보는 것입니다.

2
Rahul

웹과 함께 자라지 않은 누군가의 의견 (우리가 많이 있고 우리는 물건을 지불합니다.) Enter 키는 모든 필수 필드가 채워진 경우에만 양식을 게시해야합니다. 그렇지 않으면 다음 필드로 가야합니다.

더 독특한 데이터 입력 양식에서는 사용자가 기대하는 외부로 나가는 것을 권장하지 않지만 로그인 화면은 매우 일반적이며 필드가 거의 없으며 너무 많은 혼동을 일으키지 않아야합니다 (3 개의 필드 만 있음).

개인적으로, 습관/사고에서 Enter 키를 누르고 양식이로드 될 때까지 기다립니다.

2
JeffO

내 휴리스틱은

  1. 양식이 사용자 이름 및 비밀번호 인 경우, enter는 양식을 제출합니다.
  2. 이들이 양식의 맨 마지막 필드에 있거나 제출 단추를 탭한 경우, enter 양식을 제출하십시오
  3. 다른 모든 시나리오는 다음 필드로 이동합니다.
2
Glen Lipka

내 조언-당신은 입력이 필요하지 않습니다.

사용자는 Enter가 양식을 제출한다는 것을 인식하지 못합니다. 이 기능은 실험을 통해서만 발견 할 수 있습니다. 사용자는 실험하지 않고, 특히 양식에서 잘못된 일을하는 것을 두려워합니다.

긴 양식에서 Enter 기능을 안전하게 제거 할 수 있습니다.

고급 사용자가 Enter 키를 누르는 데 익숙한 Login과 같은 매우 짧은 형식으로 유지하십시오.

1
Miki