How to implement passkeys with form autofill in a web app

A passkey is a new way for users to sign in simply and securely, using just a fingerprint, face, or device PIN. Today, developers can implement passkeys on web or mobile, helping drive more traffic to their site with reduced login friction and password breaches. In this workshop, we'll start with a basic website with username and password sign-in form and extend it to support passkeys. By the end, you'll learn how to create passkeys, enabling a simple and secure way for your users to sign in.
Resources:
Implement passkeys in a web app → goo.gle/3GhSjjO
Speaker: Eiji Kitamura
Watch more:
Watch all the workshops from Google I/O 2023 → goo.gle/IO23_workshops
Watch more Web Sessions → goo.gle/IO23_web
All Google I/O 2023 Sessions → goo.gle/IO23_all
Subscribe to Google Chrome Developers → goo.gle/ChromeDevs
#GoogleIO

[@ChromeDevs]

Watch more Web Sessions → goo.gle/IO23_webpl_pin

[@jaibunnisamohammad9988]

all fingers are generating same credId

[@hoangphamduc3928]

Excellent explanation about Passkey Autofill. Thank you so much.
I have a question about Google Android.
In the Google Chrome, there is an option "Sign In On Other Device". But in Android device, when I click on a Passkey Autofill field, there is no option for me to login by another device
How can I do it?

[@agektmr]

It's being worked on. You will be able to sign in using a passkey stored on another device soon. No actions needed from the developer side.

[@donnettanorwood7082]

Very awesome, thank you so much 😮❤

[@donnettanorwood7082]

I just have to be able to find it on my at&8
I'll q😅

[@arjuntrivedi1771]

@Eiji, the preview function in the glitch codelab not working. Please help.

[@FlyingPriv]

ctrl + shift + r

[@EdwinMartin]

“With passkeys, you don’t need passwords anymore”
“Here’s our example, enter your password”
🤔😞

[@bajajcodes]

Passkeys are for re-authentication, and they are being sold as alternative to passwords.

[@kumarvishalben]

should be shown in reactjs but okay