Si usted enfrenta problemas para llenar automáticamente los formularios web en un sitio web que construyó o gestiona, puede optimizar el HTML para que funcione mejor con Dashlane. Puede indicar a Dashlane dónde y qué llenar automáticamente etiquetando los campos apropiados con el atributo data-form-type.
Este artículo explica los escenarios más comunes, pero usted puede usar cualquiera de los valores en esta página de Github acerca de Dashlane y formularios web.
Nota: Si usted usa la aplicación macOS de Dashlane, usted puede llenar automáticamente solo los detalles de ingreso guardados, incluso después de optimizar el HTML. Sin embargo, puede actualizar a la Extensión Inteligente de Dashlane para Safari para acceder a nuestra ventana emergente de extensión rica en funciones y a la vista en caja fuerte en el navegador, así como a las mejores capacidades de llenado automático que Dashlane tiene para ofrecer.
Empezar a usar la Extensión Inteligente de Dashlane para Safari
Cada atributo data-form-type necesita tener uno o más valores. Separe los valores adicionales con una coma sin espacios:
data-form-type="password,new"
Si no desea que Dashlane llene automáticamente un campo específico, use el valor "other" para evitar que Dashlane llene automáticamente el campo. Sin embargo, todavía notará Dashlane en el HTML del formulario al ver la página con herramientas de desarrollador o similares.
data-form-type=”other”
Hacer que Dashlane llene automáticamente ingresos, nombres de usuario y contraseñas
Si tiene una página web de ingreso y Dashlane no puede llenar automáticamente el nombre de usuario y la contraseña, agregue estos atributos data-form-type al HTML de la página web.
Para el formulario de ingreso en sí, use:
data-form-type=”login”
Para el nombre de usuario, use:
data-form-type=”username”
Para la contraseña, use:
data-form-type=”password”
Ejemplo de un formulario de ingreso típico con los atributos data-form-type añadidos en negrita:
<form action="/login" data-form-type="login">
<label for="username">Nombre de usuario</label>
<input type="text" id="username" data-form-type="username">
<label for="password">Contraseña</label>
<input type="password" id="password" data-form-type="password">
</form>
Si su campo de nombre de usuario permite que las personas ingresen con un correo electrónico o un número de teléfono, agregue "email,phone" como atributos data-form-type adicionales al HTML de la página web.
Así es como se ve esa línea de HTML, con los atributos adicionales añadidos en negrita:
<label for="username">Nombre de usuario</label>
<input type="text" id="username" data-form-type="username,email,phone">
Obtenga Dashlane para llenar automáticamente contraseñas nuevas, cambiadas
Si su página web permite a las personas cambiar sus contraseñas y Dashlane no puede llenar automáticamente la nueva contraseña, agregue los siguientes atributos data-form-type al HTML de la página web.
Para el formulario de cambio de contraseña en sí, use:
data-form-type=”change_password”
Para la contraseña antigua, use:
data-form-type=”password”
Para la nueva contraseña, use:
data-form-type=”password,new”
Para una confirmación de la nueva contraseña, use:
data-form-type=”password,confirmation”
Ejemplo de un formulario típico de contraseña, con los atributos data-form-type agregados en negrita:
<form action="/change-password" data-form-type="change_password">
<label for="old-password">Su contraseña antigua:</label>
<input type="password" id="old-password" data-form-type="password">
<label for="new-password">Su nueva contraseña:</label>
<input type="password" id="new-password" data-form-type="password,new">
<label for="new-password-repeat">Repita su nueva contraseña:</label>
<input type="password" id="new-password-repeat" data-form-type="password,confirmation">
</form>
Obtenga Dashlane para llenar automáticamente información de pago
Si tiene una página web que permite a las personas ingresar su información de tarjeta de crédito y Dashlane no puede llenar automáticamente la información, agregue los siguientes atributos data-form-type al HTML de la página web:
Para el formulario de pago en sí, use:
data-form-type="payment"
Para el número de tarjeta de crédito, use:
data-form-type="payment,credit_card"
Si esto está dividido en múltiples campos, use esto para cada uno:
"payment,credit_card,part"
Para la fecha de expiración, use:
data-form-type="payment,credit_card,date"
Si esto está dividido en mes y año, use:
data-form-type="payment,credit_card,date,expiration,month"
y
data-form-type="payment,credit_card,date,expiration,year"
Para el CVV de la tarjeta de crédito, use:
data-form-type="payment,credit_card,cvv"
Ejemplo de un formulario de pago típico con los atributos data-form-type agregados en negrita:
<form action="/checkout-payment" data-form-type="payment">
<label>Número de tarjeta de crédito</label>
<fieldset>
<input type="text" id="cc-number-block-1" aria-label="bloque del número de tarjeta de crédito 1" data-form-type="payment,credit_card,part">
<input type="text" id="cc-number-block-2" aria-label="bloque del número de tarjeta de crédito 2" data-form-type="payment,credit_card,part">
<input type="text" id="cc-number-block-3" aria-label="bloque del número de tarjeta de crédito 3" data-form-type="payment,credit_card,part">
<input type="text" id="cc-number-block-4" aria-label="bloque del número de tarjeta de crédito 4" data-form-type="payment,credit_card,part">
</fieldset>
<label>Fecha de expiración/label>
<fieldset>
<select id="cc-expiration-month" data-form-type="payment,credit_card,date,expiration,month">
<option value="" aria-label="seleccione el mes de expiración de su tarjeta">Mes</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
</select>
<select id="cc-expiration-year" data-form-type="payment,credit_card,date,expiration,year">
<option value="" aria-label="seleccione el año de expiración de su tarjeta">Año</option>
<option value="24">24</option>
<option value="23">23</option>
<option value="21">21</option>
</select>
</fieldset>
<label for="cvv">CVV</label>
<input type="text" id="cvv" data-form-type="payment,credit_card,cvv">
</form>