En este artículo, conoceremos el atributo entrykeyhint en el HTML. El atributo enterkeyhint es un atributo enumerado que especifica qué etiqueta de acción presentar para la tecla Intro en los teclados virtuales. Este es el atributo global y permite a los autores personalizar la presentación de la tecla Intro para que sea más útil para los usuarios.
En nuestra vida diaria, estamos utilizando teléfonos inteligentes. Hemos notado que la tecla enter del teclado del teléfono cambia siempre de acuerdo con la acción a realizar como cuando estamos escribiendo, a veces se comporta como tecla enter, y también la misma tecla a veces se comporta como un botón de búsqueda en los motores de búsqueda, etc. Todo esto sucede debido al atributo enterkeyhint. Hay tantos valores presentes en el atributo enterkeyhint que pueden funcionar de acuerdo con el valor que especificamos allí.
Sintaxis:
<input enterkeyhint = "values">
Valores de atributos:
- done: cuando no hay nada más que ingresar y el editor de métodos de entrada se cerrará.
- enter: Cuando hay más que escribir pero en una nueva línea.
- go: Cuando hemos terminado de escribir el formulario y queremos pasar al siguiente destino o formulario.
- buscar: cuando tengamos que buscar algo después de escribir, usaremos esto.
- enviar: Se utiliza para enviar mensajes.
- siguiente: Llevará al usuario al siguiente campo que aceptará texto.
- anterior: Llevará al usuario al campo anterior que aceptará texto.
Ejemplo: este ejemplo describe el atributo enterkeyhint y su uso especificando los diferentes valores.
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HTML enterkeyhint attributes</title> </head> <body> <form> <input placeholder="Enter button will change to Next" enterkeyhint="next"> <input placeholder="Enter button will change to previous" enterkeyhint="previous"> <input placeholder="Enter button will change to enter" enterkeyhint="enter"> <input placeholder="Enter button will change to done" enterkeyhint="done"> <input placeholder="Enter button will change to search" enterkeyhint="search"> <input placeholder="Enter button will change to go" enterkeyhint="go"> <input placeholder="Enter button will change to send" enterkeyhint="send"> </form> </body> </html>
Salida: Como puede notar en la salida, cada vez que el icono de la tecla Intro cambia según su atributo.
producción
Navegadores compatibles:
- Google cromo 77
- Firefox 94
- borde de microsoft 79
- Safari 13.1
- Ópera 66
- WebView Android 77
Publicación traducida automáticamente
Artículo escrito por iamabhijha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA