Here is the form tag on our /login page.
```
<form method="POST" action="https://<my-site>/login">
<input type="hidden" name="_token" value="hh2oTla0PlqtJtrCiejRu5qj4TdfcGS3VLAXn8Gr" autocomplete="off">
<sl-input autocomplete="off" x-data="" x-id="['ui-input']" :id="$id('ui-input')" size="medium" name="email" class="block mt-1 w-full" label="Email" type="email" required="" autofocus="autofocus" :class="{ '-error': $wireErrors['email'] }" :help-text="$wireErrors['email'] || """ @sl-input="$wireErrors.reset('email')" form="" data-required="" data-invalid=""><template shadowrootmode="open"><!---->
<div part="form-control" class=" form-control form-control--medium form-control--has-label ">
<label part="form-control-label" class="form-control__label" for="input" aria-hidden="false">
<slot name="label"><!--?lit$614975758$-->Email</slot>
</label>
<div part="form-control-input" class="form-control-input">
<div part="base" class="input input--medium input--standard input--empty">
<span part="prefix" class="input__prefix">
<slot name="prefix"></slot>
</span>
<input part="input" id="input" class="input__control" aria-describedby="help-text" type="email" title="" name="email" required="" placeholder="" autocomplete="off" autofocus="" spellcheck="true">
<!--?lit$614975758$-->
<!--?lit$614975758$-->
<span part="suffix" class="input__suffix">
<slot name="suffix"></slot>
</span>
</div>
</div>
<div part="form-control-help-text" id="help-text" class="form-control__help-text" aria-hidden="true">
<slot name="help-text"><!--?lit$614975758$--></slot>
</div>
</div>
</template>
</sl-input>
<sl-input autocomplete="off" x-data="" x-id="['ui-input']" :id="$id('ui-input')" size="medium" name="password" class="block mt-1 w-full" label="Password" type="password" required="" password-toggle="password-toggle" :class="{ '-error': $wireErrors['password'] }" :help-text="$wireErrors['password'] || """ @sl-input="$wireErrors.reset('password')" form="" data-required="" data-invalid=""><template shadowrootmode="open"><!---->
<div part="form-control" class=" form-control form-control--medium form-control--has-label ">
<label part="form-control-label" class="form-control__label" for="input" aria-hidden="false">
<slot name="label"><!--?lit$614975758$-->Password</slot>
</label>
<div part="form-control-input" class="form-control-input">
<div part="base" class=" input input--medium input--standard input--empty ">
<span part="prefix" class="input__prefix">
<slot name="prefix"></slot>
</span>
<input part="input" id="input" class="input__control" aria-describedby="help-text" type="password" title="" name="password" required="" placeholder="" autocomplete="off" spellcheck="true">
<!--?lit$614975758$-->
<!--?lit$614975758$-->
<button part="password-toggle-button" class="input__password-toggle" type="button" tabindex="-1" aria-label="Show password">
<!--?lit$614975758$-->
<slot name="hide-password-icon">
<sl-icon name="eye" library="system" aria-hidden="true"><template shadowrootmode="open"><!----><svg xmlns="
http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16" part="svg">
<path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"></path>
<path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"></path>
</svg></template></sl-icon>
</slot>
</button>
<span part="suffix" class="input__suffix">
<slot name="suffix"></slot>
</span>
</div>
</div>
<div part="form-control-help-text" id="help-text" class="form-control__help-text" aria-hidden="true">
<slot name="help-text"><!--?lit$614975758$--></slot>
</div>
</div>
</template>
</sl-input>
<div class="block mt-2">
<sl-checkbox id="remember_me" name="remember" size="medium" form="" data-optional="" data-valid=""><template shadowrootmode="open"><!---->
<div class=" form-control form-control--medium ">
<label part="base" class=" checkbox checkbox--medium ">
<input class="checkbox__input" type="checkbox" aria-describedby="help-text" title="" name="remember" aria-checked="false">
<span class="checkbox__control" part="control">
<!--?lit$614975758$-->
<!--?lit$614975758$-->
</span>
<div part="label" class="checkbox__label">
<slot></slot>
</div>
</label>
<div class="form-control__help-text" id="help-text" part="form-control-help-text" aria-hidden="true">
<slot name="help-text"><!--?lit$614975758$--></slot>
</div>
</div>
</template>Remember me</sl-checkbox>
</div>
<div class="mt-2 flex items-center justify-between">
<sl-button class="-link part-[label]:px-0" href="https://<my-site>/sso-login" wire:navigate="" size="medium" variant="default" !disabled="" data-optional="" data-valid=""><template shadowrootmode="open"><!---->
<a part="base" class=" button button--default button--medium button--standard button--has-label " title="" href="https://<my-site>/sso-login" rel="noreferrer noopener" aria-disabled="false" tabindex="0">
<slot name="prefix" part="prefix" class="button__prefix"></slot>
<slot part="label" class="button__label"></slot>
<slot name="suffix" part="suffix" class="button__suffix"></slot>
<!--?lit$614975758$-->
<!--?lit$614975758$-->
</a>
</template>
Log In With SSO
</sl-button>
<div class="flex items-center justify-end">
<a class="f-small rounded-md text-gray-600 underline hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2" href="https://<my-site>/forgot-password">
Forgot your password?
</a>
<sl-button class="-primary ms-3" type="submit" size="medium" variant="primary" !disabled="" data-optional="" data-valid=""><template shadowrootmode="open"><!---->
<button part="base" class=" button button--primary button--medium button--standard button--has-label " type="submit" title="" name="" value="" role="button" aria-disabled="false" tabindex="0">
<slot name="prefix" part="prefix" class="button__prefix"></slot>
<slot part="label" class="button__label"></slot>
<slot name="suffix" part="suffix" class="button__suffix"></slot>
<!--?lit$614975758$-->
<!--?lit$614975758$-->
</button>
</template>
Log in
</sl-button>
</div>
</div>
</form>
```