No notes defined.
<section class="c-login js-login">
<header class="c-login__header">
<h2>Sign In</h2>
<p class="c-login__required-field js-login__required-field" hidden>required field</p>
</header>
<p role="alert" class="c-login__invalid-notification js-login__invalid-notification" hidden></p>
<form action="" class="novalidate">
{{> @textfield }}
<p>Your account is associated with:</p>
<p><strong>University of California, Office of the President (UCOP)</strong></p>
{{> @button }}
</form>
{{> @serial-nav }}
<footer class="c-login__footer">
<p>Problems signing in? <a href="">Contact us</a>.</p>
</footer>
</section>
{
"textfield": {
"component_id": "login-email",
"input_id": "email_3",
"label": "Email address",
"type": "email",
"autocomplete": "email",
"required": false,
"general_description_id": false,
"general_description": "For SSO, use institutional address.",
"readonly": true,
"value": "Shad.Reinger@example.net"
},
"button": {
"type": "submit",
"text": "Sign In with Institution to Continue"
},
"serialnav": {
"label": "Go Back"
}
}
<section class="c-login js-login">
<header class="c-login__header">
<h2>Sign In</h2>
<p class="c-login__required-field js-login__required-field" hidden>required field</p>
</header>
<p role="alert" class="c-login__invalid-notification js-login__invalid-notification" hidden></p>
<form action="" class="novalidate">
<div id="login-email" class="c-textfield js-textfield ">
<label for="email_3">Email address </label>
<input id="email_3" type="email" name="" autocomplete="email" value="Shad.Reinger@example.net" list="" minlength="" maxlength="" class="readonly">
<div id="" class="c-textfield__invalid-description js-invalid-description" hidden></div>
</div>
<p>Your account is associated with:</p>
<p><strong>University of California, Office of the President (UCOP)</strong></p>
<button type="submit">Sign In with Institution to Continue</button>
</form>
<a class="c-serialnav" rel="prev" href="">Go Back</a>
<footer class="c-login__footer">
<p>Problems signing in? <a href="">Contact us</a>.</p>
</footer>
</section>