El atributo HTML autocapitalize se utiliza para definir si el texto presente dentro del elemento HTML debe escribirse automáticamente en mayúsculas o no. Es un atributo global que significa que se aplica a todos los elementos HTML.
Características:
- Especifica cómo el texto se escribirá automáticamente en mayúsculas.
- Indica que la primera letra de la palabra u oración estaría en Mayúscula.
- No es compatible con la etiqueta <input> con tipo de URL, correo electrónico y contraseña.
- Es un Atributo Global.
Sintaxis:
<tag_name autocapitalize="off | none | on
| sentences | words | characters" />
Valores de atributos:
- off/none: Define que el texto no será en mayúsculas.
- on/sentencias: Define que la primera letra de cada oración sería mayúscula.
- palabras: Define que la primera letra de cada palabra será mayúscula.
- caracteres: Especifica que todo el texto irá en mayúsculas.
Ejemplo: debajo del código HTML, use el atributo de mayúsculas automáticas con la etiqueta <input>.
HTML
<!DOCTYPE html> <html> <head> <title> HTML | autocapitalize Attribute <input> </title> </head> <body style="text-align:center"> <h1 style="color: green;"> GeeksforGeeks </h1> <h2> HTML | autocapitalize Attribute with <input> Tag </h2> Name: <input type="text" autocapitalize="words" autofocus> <br><br> <!-- Assign id to the Button. --> <button id="GFG"> Submit </button> <br> </body> </html>
Producción:
Nota importante: este código funciona en teclados virtuales, como en dispositivos móviles y entradas de voz. No funciona en teclados físicos.
Navegadores compatibles:
- Google Chrome 43.0 y superior
- Edge 79 y superior
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA