It's not a UI pattern as such but the way authentication can be done when the site in question does not know or manage the user's login credentials. It also serves the purpose of "single sign on" in enterprise environments. In other words, the site you're logging into may not have your authentication credentials for that account and would first need to know who you are in order to decide how to challenge you for your credentials or even who should challenge you for your credentials and authenticate you.
Note that I have used the words "authentication" and "credentials" and purposefully omitted "passwords". That's because passwords are just one way of authenticating users. You could also authenticate users by sending a code by email or SMS or using a client certificate, among other ways.
An example: your company subscribes to Office365 but wants to manage your credentials to provide you a single sign on experience across systems. When you visit outlook.office.com to check your email, Microsoft has no idea who you are or that you need to be authenticated by your company. So it asks you to enter your email address, and on getting that, it knows (based on prior configuration) that your company's domain requires you to be sent to a specific page managed by your company for authentication (of course, your company may have outsourced that function to another provider, in which case you get redirected there). In this setup, Microsoft does not know or care how you get authenticated. It just needs a secure and valid authentication token back from the system that's going to authenticate you.
Depending on the systems and providers in question, the most common underlying technologies would either be OAuth or SAML.