숫자 입력 대신 사용해야 할 사항

양식으로 숫자를 수집 할 때는 먼저 숫자 입력 상자를 사용한다고 생각할 수 있습니다. 그러나이 접근법에는 다양한 문제가 있습니다. 첫째, 때로는 원하는 것이 숫자처럼 보이지만 실제로는 숫자 (예 : 공백이있는 신용 카드 번호)가 아닙니다. 실제로 일련의 숫자이기 때문입니다. 더 중요한 것은 다양한 스크린 리더 문제가 있다는 것입니다.

Hanna Laakso는 이러한 문제를 gov.uk에 문서화했습니다. 그들의 최종 접근법은 다음과 같습니다.

<input type="text" inputmode="numeric">

inputmode 속성은 훌륭하고 우리는 그것에 대해 깊은 다이빙을합니다.

Phil Nash는 거의 같은 결론에 도달하여 Twilio 블로그에 2 단계 인증 코드 입력의 경험을 향상시키는 방법에 대해 게시했습니다.

<input type="tel" autocomplete="one-time-code">

마지막 속성은 흥미롭고 새로운 것입니다. 이것은 그것을 지원하는 브라우저 에서이 유용한 경험을 얻을 수 있음을 의미합니다.

Phil은 또한 다른 autocomplete 값이 있다고 썼습니다.

이름과 주소에서 신용 카드 및 기타 계정 세부 사항에 이르기까지 모든 것을 다루는 autocomplete 값이 많이 있습니다. 등록 및 로그인에 매우 유용한 몇 가지 autocomplete 값이 있습니다 : username , email , new-password , current-password .

브라우저와 비밀번호 관리자는 웹 페이지에서 로그인 양식을 찾을 수있는 훌륭한 휴리스틱을 가지고 있지만 username 과 current-password 값을 사용하면 매우 분명합니다.

위 내용은 숫자 입력 대신 사용해야 할 사항의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!