¿Qué debe hacer ENTER?
En un formulario web, ¿qué debería suceder cuando el usuario presiona la tecla ENTRAR?
Estoy escribiendo un formulario de registro: nombre, correo electrónico, contraseña, botón de registro: el tipo habitual de cosas. Como estoy usando JavaScript, y la página no usa el <form...> etiqueta, tengo control total sobre lo que sucede con cada pulsación de tecla. Puedo hacer que cambie el enfoque, envíe los datos al servidor, valide el contenido del campo, lo que sea. Pero, ¿qué debería hacer?
Cosas que me pregunto: ¿debería ENTER llevar al usuario al siguiente campo (según la tecla TAB)? ¿Debería presionar ENTER mientras el foco está en el campo final enviar el formulario?
Ingrese debe enviar el formulario. La pestaña debe ir al siguiente campo.
Los usuarios generalmente no lo aprecian cuando el teclado no hace lo que creen que debería.
El valor predeterminado predeterminado del navegador siempre es enviar al ingresar, por lo tanto, se ha convertido en un estándar de facto.
Uno generalmente intercepta esto y luego hace validaciones. Si las validaciones fallan, el evento de envío se cancela y el formulario no se envía.
Aparte: ¿por qué no estás usando la etiqueta <form>? Tu realmente deberías. No impedirá que se ejecute javascript y es semánticamente mejor.
Esta pregunta es imposible de responder sin una prueba de usuario. ¿Por qué? Porque lo que debe hacer Enter depende de quiénes son sus usuarios. Mire las respuestas a esta pregunta hasta ahora: el mejor votado es un diseñador de interacción que da su opinión en función de su experiencia (lo que lo sesga, teniendo en cuenta que todo lo que puede decir es lo que ya ha visto), y luego otros 11 diseñadores han votado eso porque han visto cosas similares y están de acuerdo con eso.
Pero para realmente respuesta la pregunta, debe probar el usuario. Si su audiencia no está compuesta por diseñadores de interfaz de usuario que esperan que Enter envíe el formulario, es difícil saber qué esperan sin medir lo que esperan. La mejor manera de hacerlo es obtener un número estadísticamente significativo de personas de su audiencia y ver cómo se comportan cuando usan los diferentes diseños del formulario.
Solo una opinión de alguien que no creció en la web (Hay muchos de nosotros y pagamos por las cosas). La tecla Intro solo debe publicar el formulario cuando se completen todos los campos obligatorios; de lo contrario, debería pasar al siguiente campo.
En un formulario de entrada de datos más exclusivo, no recomendaría salir de lo que los usuarios esperan, pero las pantallas de inicio de sesión son bastante genéricas, tienen pocos campos y no deberían causar demasiada confusión (solo hay 3 campos).
Personalmente, odio cuando presiono la tecla Enter por hábito/accidente y espero a que se cargue el formulario.
Mi heurística es
- Si el formulario es nombre de usuario y contraseña, ingrese envía el formulario.
- Si están en el último campo de un formulario o con pestañas en el botón de enviar, ingrese envía el formulario
- Todos los demás escenarios ingresan van al siguiente campo.
Mi consejo: no necesitas Enter.
Los usuarios no saben que Enter envía el formulario. Esta funcionalidad solo se puede descubrir mediante la experimentación. Los usuarios no experimentan, tienen miedo de hacer algo mal, especialmente en los formularios.
Puede eliminar con seguridad la funcionalidad Enter de formularios largos.
Manténgalo allí en formas muy cortas como Iniciar sesión, donde los usuarios avanzados están acostumbrados a presionar Enter.