Junior
¿Para qué se utiliza el atributo 'autocomplete' y qué parámetros puede aceptar?
sobes.tech AI
Respuesta de la IA
El atributo autocomplete se utiliza para sugerir al navegador cómo completar automáticamente los campos del formulario en función de entradas anteriores del usuario. Esto mejora la comodidad de uso y la velocidad de llenado de formularios.
Parámetros principales:
- on: Activar autocompletado.
- off: Desactivar autocompletado.
Además de on y off, existen varias valores predefinidos que describen el tipo de datos que deben completarse. Algunos de ellos:
name: Nombre completo.honorific-prefix: Prefijo del nombre (por ejemplo, "Sr.", "Sra.").given-name: Nombre.additional-name: Segundo nombre o apellido materno.family-name: Apellido.honorific-suffix: Sufijo del nombre (por ejemplo, "Jr.").nickname: Apodo.email: Correo electrónico.username: Nombre de usuario.new-password: Nueva contraseña (para formularios de registro).current-password: Contraseña actual (para inicio de sesión).organization-title: Título o cargo.organization: Organización.street-address: Dirección.address-line1,address-line2,address-line3: Líneas de dirección.address-level4,address-level3,address-level2,address-level1: Niveles de dirección (por ejemplo, país, región, ciudad, distrito).country: País.country-name: Nombre del país.postal-code: Código postal.cc-name: Nombre en la tarjeta de crédito.cc-given-name: Nombre en la tarjeta de crédito.cc-additional-name: Segundo nombre en la tarjeta de crédito.cc-family-name: Apellido en la tarjeta de crédito.cc-number: Número de tarjeta de crédito.cc-exp: Fecha de vencimiento de la tarjeta en formato MM/AA.cc-exp-month: Mes de vencimiento.cc-exp-year: Año de vencimiento.cc-csc: Código de seguridad (CVV).cc-type: Tipo de tarjeta.tel: Número de teléfono.tel-national: Número de teléfono sin código de país.tel-area-code: Código de área.tel-local: Número de teléfono sin código de país y área.tel-extension: Extensión del teléfono.bday: Fecha de nacimiento.bday-day: Día de nacimiento.bday-month: Mes de nacimiento.bday-year: Año de nacimiento.sex: Sexo.url: URL de la página de inicio.photo: URL de la foto.
Algunos valores pueden combinarse con prefijos, por ejemplo, shipping o billing para indicar la dirección de envío o facturación.
<input type="text" autocomplete="name" id="name">
<input type="email" autocomplete="email" id="email">
<input type="password" autocomplete="new-password" id="password">
<input type="text" autocomplete="shipping street-address" id="shipping_address">