Protect what matters – even after you're gone. Make a plan for your digital legacy today.
Forum Discussion
DefiCzech
3 years agoFrequent Contributor
How to properly prepare registration form?
Hello I am developing VUE app with registration/login form in popup. How to corectly create form inputs to allow 1password generate/autofill email (I am using masked mail) and password (the most mini...
DefiCzech
3 years agoFrequent Contributor
Here is my registration form - 1password icon is present, but only with info "No item to show"
And here is my Pages structure, created by 1password (right clik -> 1password manager -> help -> Collect Page Structure) - what to improve? Password is only suggested in last input field.
{
"unparsedUrl": "http://localhost:5173/Scripts/web/pages/klientska-sekce/",
"title": "localhost:5173/Scripts/web/pages/klientska-sekce/",
"frames": [
{
"fields": [
{
"autocompleteType": "email",
"formOpid": 0,
"htmlId": "input-email-1",
"htmlClass": "bg-transparent border-0 rounded-[var(--rounding)] box-border text-[var(rgb(--input-text))] block outline-0 py-3 px-4 w-full z-[5] relative text-sm disabled:text-[rgb(var(--neutral-400))]",
"isActive": true,
"opid": 709,
"type": "email",
"dataAttributes": {},
"label": "E-mail",
"labelAfter": "E-mail"
},
{
"autocompleteType": "new-password",
"formOpid": 0,
"htmlId": "input-password-2",
"htmlClass": "bg-transparent border-0 rounded-[var(--rounding)] box-border text-[var(rgb(--input-text))] block outline-0 py-3 px-4 w-full z-[5] relative text-sm disabled:text-[rgb(var(--neutral-400))]",
"minLength": 8,
"opid": 710,
"type": "password",
"dataAttributes": {},
"label": "Vaše heslo",
"labelBefore": "E-mail",
"labelAfter": "Vaše heslo"
},
{
"autocompleteType": "password",
"formOpid": 0,
"htmlId": "input-password-3",
"htmlClass": "bg-transparent border-0 rounded-[var(--rounding)] box-border text-[var(rgb(--input-text))] block outline-0 py-3 px-4 w-full z-[5] relative text-sm disabled:text-[rgb(var(--neutral-400))]",
"opid": 711,
"type": "password",
"dataAttributes": {},
"label": "Potvrdit heslo",
"labelBefore": "Vaše heslo",
"labelAfter": "Potvrdit heslo"
},
{
"formOpid": 0,
"htmlClass": "block box-border select-none border-2 border-solid no-underline px-4 font-semibold text-sm transition-all outline-0 rounded-[var(--rounding)] focus:ring-2 focus:ring-input-state-focus/30 bg-[rgb(var(--button-primary-default-background))] text-[rgb(var(--button-primary-default-text))] border-[rgb(var(--button-primary-default-border))] hover:bg-[rgb(var(--button-primary-hover-background))] hover:text-[rgb(var(--button-primary-hover-text))] hover:border-[rgb(var(--button-primary-hover-border))] h-[var(--button-size-default)] cursor-pointer w-full",
"opid": 712,
"type": "submit",
"dataAttributes": {},
"labelBefore": "Potvrdit heslo Odesláním souhlasíte se zpracováním osobních údajů podle informačního memoranda",
"labelAfter": "Registrovat"
}
],
"forms": [
{
"headerText": "Registrace uživatele",
"htmlAction": "http://localhost:5173/Scripts/web/pages/klientska-sekce/",
"opid": 0,
"textContent": "E-mail Vaše heslo Potvrdit heslo Odesláním souhlasíte se zpracováním osobních údajů podle informačního memoranda REGISTROVAT"
}
],
"origin": "http://localhost:5173",
"pathName": "/Scripts/web/pages/klientska-sekce/",
"uuid": "9nn7gs"
},
{
"direction": "ltr",
"fields": [],
"forms": [],
"origin": "https://www.google.com",
"title": "reCAPTCHA",
"pathName": "/recaptcha/api2/anchor",
"uuid": "1ok96kq"
},
{
"direction": "ltr",
"fields": [],
"forms": [],
"origin": "https://www.google.com",
"pathName": "/recaptcha/api2/anchor",
"uuid": "2kteal"
},
{
"direction": "ltr",
"fields": [
{
"htmlId": "recaptcha-reload-button",
"htmlClass": "rc-button goog-inline-block rc-button-reload",
"opid": 0,
"tabIndex": 3,
"title": "Načíst nový test",
"type": "submit",
"dataAttributes": {}
},
{
"htmlId": "recaptcha-audio-button",
"htmlClass": "rc-button goog-inline-block rc-button-audio",
"opid": 1,
"tabIndex": 1,
"title": "Načíst zvukový test",
"type": "submit",
"dataAttributes": {}
},
{
"htmlId": "recaptcha-image-button",
"htmlClass": "rc-button goog-inline-block rc-button-image",
"isHidden": true,
"opid": 2,
"title": "Načíst vizuální test",
"type": "submit",
"dataAttributes": {}
},
{
"htmlId": "recaptcha-help-button",
"htmlClass": "rc-button goog-inline-block rc-button-help",
"opid": 3,
"tabIndex": 2,
"title": "Nápověda",
"type": "submit",
"dataAttributes": {}
},
{
"htmlId": "recaptcha-undo-button",
"htmlClass": "rc-button goog-inline-block rc-button-undo",
"isHidden": true,
"opid": 4,
"title": "Zpět",
"type": "submit",
"dataAttributes": {}
},
{
"htmlId": "recaptcha-verify-button",
"htmlClass": "rc-button-default goog-inline-block",
"opid": 5,
"type": "submit",
"dataAttributes": {}
}
],
"forms": [],
"origin": "https://www.google.com",
"title": "reCAPTCHA",
"pathName": "/recaptcha/api2/bframe",
"uuid": "1dcwrzw"
}
]
}