Si encuentra problemas con el autocompletado en los formularios web de un sitio web que usted creó o administra, puede optimizar el HTML para que funcione mejor con Dashlane. Puede indicarle a Dashlane dónde y qué autocompletar etiquetando los campos correspondientes con el atributo data-form-type.
Este artículo explica los escenarios más comunes, pero puede usar cualquiera de los valores en esta Github page about Dashlane and web forms.
Note: Si usa la aplicación de Dashlane para macOS, solo puede autocompletar los datos de ingreso guardados, incluso después de optimizar el HTML. Sin embargo, puede actualizar a la extensión de navegador de Dashlane para Safari para acceder a nuestra ventana emergente de la extensión con muchas funciones y a la vista de la caja fuerte en el navegador, así como a las mejores capacidades de autocompletado que Dashlane ofrece.
Empezar a usar la extensión de navegador de Dashlane para Safari
Cada atributo data-form-type debe 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 autocomplemente un campo específico, use el valor “other” para evitar que Dashlane autocomplemente el campo. Sin embargo, aún notará la presencia de Dashlane en el HTML del formulario al ver la página con herramientas para desarrolladores o similares.
data-form-type=”other”Configure Dashlane para autocompletar ingresos, nombres de usuario y contraseñas
Si tiene una página web de ingreso y Dashlane no puede autocompletar 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 agregados 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 valores data-form-type adicionales al HTML de la página web.
Así se ve esa línea de HTML, con los atributos adicionales agregados en negrita:
<label for="username">Nombre de usuario</label>
<input type="text" id="username" data-form-type="username,email,phone">Configure Dashlane para autocompletar contraseñas nuevas y cambiadas
Si su página web permite que las personas cambien sus contraseñas y Dashlane no puede autocompletar la contraseña nueva, 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 anterior, use:
data-form-type=”password”Para la contraseña nueva, use:
data-form-type=”password,new”Para la confirmación de la contraseña nueva, use:
data-form-type=”password,confirmation”
Ejemplo de un formulario de contraseña típico, 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 anterior:</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>Haga que Dashlane autocompletar la información de pago
Si tiene una página web que permite a las personas ingresar la información de su tarjeta de crédito y Dashlane no puede autocompletar la información, agregue los siguientes atributos data-form-type al HTML de la página web:
Para el propio formulario de pago, use:
data-form-type=”payment”Para el número de la tarjeta de crédito, use:
data-form-type=”payment,credit_card”Si esto está dividido en varios 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 1 del número de la tarjeta de crédito" data-form-type="payment,credit_card,part">
<input type="text" id="cc-number-block-2" aria-label="bloque 2 del número de la tarjeta de crédito" data-form-type="payment,credit_card,part">
<input type="text" id="cc-number-block-3" aria-label="bloque 3 del número de la tarjeta de crédito" data-form-type="payment,credit_card,part">
<input type="text" id="cc-number-block-4" aria-label="bloque 4 del número de la tarjeta de crédito" 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>