No notes defined.
<section class="c-login js-login">
<header class="c-login__header">
<h2>New Account Sign Up</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 address is associated with:</p>
<p><strong>University of California, Office of the President (UCOP)</strong></p>
{{> @button }}
<p>This will create a new account. If you already have an account, <a href="">go back</a> to try a different email address, or <a href="">contact us</a>.</p>
</form>
{{> @serial-nav }}
</section>
{
"textfield": {
"component_id": "login-email",
"input_id": "email_2",
"label": "Email address",
"type": "email",
"autocomplete": "email",
"required": false,
"general_description_id": false,
"general_description": "For SSO, use institutional address.",
"readonly": true,
"value": "Millie_Stokes52@example.org"
},
"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>New Account Sign Up</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_2">Email address </label>
<input id="email_2" type="email" name="" autocomplete="email" value="Millie_Stokes52@example.org" list="" minlength="" maxlength="" class="readonly">
<div id="" class="c-textfield__invalid-description js-invalid-description" hidden></div>
</div>
<p>Your address 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>
<p>This will create a new account. If you already have an account, <a href="">go back</a> to try a different email address, or <a href="">contact us</a>.</p>
</form>
<a class="c-serialnav" rel="prev" href="">Go Back</a>
</section>