Wenn Sie bei den Webformularen auf einer von Ihnen erstellten oder verwalteten Website auf Probleme mit dem automatischen Ausfüllen stoßen, können Sie das HTML optimieren, damit es besser mit Dashlane funktioniert. Sie können Dashlane mitteilen, wo und was automatisch auszufüllen ist, indem Sie die entsprechenden Felder mit dem Attribut data-form-type kennzeichnen.
Dieser Artikel erklärt die häufigsten Szenarien, aber Sie können jeden der Werte auf dieser Github-Seite über Dashlane und Webformulare verwenden.
Hinweis: Wenn Sie die Dashlane macOS-Anwendung verwenden, können Sie nur gespeicherte Login-Daten automatisch ausfüllen, selbst nach der Optimierung des HTML. Sie können jedoch auf die Dashlane Browser-Erweiterung für Safari aktualisieren, um Zugriff auf unser funktionsreiches Erweiterungs-Pop-up und die Tresoransicht im Browser sowie die besten Funktionen für das automatische Ausfüllen zu erhalten, die Dashlane zu bieten hat.
Erste Schritte mit der Dashlane Browser-Erweiterung für Safari
Jedes data-form-type-Attribut muss einen oder mehrere Werte haben. Trennen Sie zusätzliche Werte durch ein Komma ohne Leerzeichen:
data-form-type="password,new"Wenn Sie nicht möchten, dass Dashlane ein bestimmtes Feld automatisch ausfüllt, verwenden Sie den Wert „other“, um zu verhindern, dass Dashlane das Feld automatisch ausfüllt. Sie werden jedoch Dashlane weiterhin im HTML des Formulars bemerken, wenn Sie die Seite mit Entwickler-Tools oder Ähnlichem anzeigen.
data-form-type=”other”Sorgen Sie dafür, dass Dashlane Logins, Benutzernamen und Passwörter automatisch ausfüllt
Wenn Sie eine Login-Webseite haben und Dashlane den Benutzernamen und das Passwort nicht automatisch ausfüllen kann, fügen Sie diese data-form-type-Attribute zum HTML der Webseite hinzu.
Für das Login-Formular selbst verwenden Sie:
data-form-type=”login”Für den Benutzernamen verwenden Sie:
data-form-type=”username”Für das Passwort verwenden Sie:
data-form-type=”password”Beispiel eines typischen Login-Formulars mit den hinzugefügten data-form-type-Attributen in Fettschrift:
<form action="/login" data-form-type="login">
<label for="username">Benutzername</label>
<input type="text" id="username" data-form-type="username">
<label for="password">Passwort</label>
<input type="password" id="password" data-form-type="password">
</form>
Wenn in Ihrem Benutzername-Feld die Anmeldung mit einer E-Mail oder einer Telefonnummer möglich ist, fügen Sie „email,phone“ als zusätzliche data-form-type-Attribute zum HTML der Webseite hinzu.
So sieht diese HTML-Zeile aus, mit den zusätzlich in Fettschrift hinzugefügten Attributen:
<label for="username">Benutzername</label>
<input type="text" id="username" data-form-type="username,email,phone">Sorgen Sie dafür, dass Dashlane neue, geänderte Passwörter automatisch ausfüllt
Wenn Ihre Webseite es ermöglicht, Passwörter zu ändern, und Dashlane das neue Passwort nicht automatisch ausfüllen kann, fügen Sie die folgenden data-form-type-Attribute zum HTML der Webseite hinzu.
Für das Formular zum Ändern des Passworts selbst verwenden Sie:
data-form-type=”change_password”Für das alte Passwort verwenden Sie:
data-form-type=”password”Für das neue Passwort verwenden Sie:
data-form-type=”password,new”Für eine Bestätigung des neuen Passworts verwenden Sie:
data-form-type=”password,confirmation”
Beispiel eines typischen Passwortformulars mit den in Fett hinzugefügten data-form-type-Attributen:
<form action="/change-password" data-form-type="change_password">
<label for="old-password">Ihr altes Passwort:</label>
<input type="password" id="old-password" data-form-type="password">
<label for="new-password">Ihr neues Passwort:</label>
<input type="password" id="new-password" data-form-type="password,new">
<label for="new-password-repeat">Wiederholen Sie Ihr neues Passwort:</label>
<input type="password" id="new-password-repeat" data-form-type="password,confirmation">
</form>Dashlane zum automatischen Ausfüllen von Zahlungsdaten veranlassen
Wenn Sie eine Webseite haben, auf der Personen ihre Kreditkarteninformationen eingeben können und Dashlane die Informationen nicht automatisch ausfüllen kann, fügen Sie der HTML-Datei der Webseite die folgenden data-form-type-Attribute hinzu:
Für das Zahlungsformular selbst verwenden Sie:
data-form-type=”payment”Für die Kreditkartennummer verwenden Sie:
data-form-type=”payment,credit_card”Wenn dies in mehrere Felder aufgeteilt ist, verwenden Sie dies für jedes:
“payment,credit_card,part”Für das gültig bis verwenden Sie:
data-form-type=”payment,credit_card,date”Wenn dies in Monat und Jahr aufgeteilt ist, verwenden Sie:
data-form-type="payment,credit_card,date,expiration,month"und
data-form-type="payment,credit_card,date,expiration,year"Für den Kreditkarten-CVV verwenden Sie:
data-form-type="payment,credit_card,cvv"Beispiel eines typischen Zahlungsformulars mit den in Fett hinzugefügten data-form-type-Attributen:
<form action="/checkout-payment" data-form-type="payment">
<label>Kreditkartennummer</label>
<fieldset>
<input type="text" id="cc-number-block-1" aria-label="Block 1 der Kreditkartennummer" data-form-type="payment,credit_card,part">
<input type="text" id="cc-number-block-2" aria-label="Block 2 der Kreditkartennummer" data-form-type="payment,credit_card,part">
<input type="text" id="cc-number-block-3" aria-label="Block 3 der Kreditkartennummer" data-form-type="payment,credit_card,part">
<input type="text" id="cc-number-block-4" aria-label="Block 4 der Kreditkartennummer" data-form-type="payment,credit_card,part">
</fieldset>
<label>Gültig bis/label>
<fieldset>
<select id="cc-expiration-month" data-form-type="payment,credit_card,date,expiration,month">
<option value="" aria-label="Wählen Sie den Ablaufmonat Ihrer Karte aus">Monat</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="Wählen Sie das Ablaufjahr Ihrer Karte aus">Jahr</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>