<div class="ecp-component ecp_LocateAccount">
  <h2 aria-describedby="ecpi_locateaccount_info">{message:LocateAccount/Title}</h2>
  <p id="ecpi_locateaccount_info" class="ecp-summary">{message:LocateAccount/Summary}</p>

  <form class="ecp-form">
    <div class="ecp-form-fieldset">
      <input type="text" name="username" placeholder="{message:LocateAccount/EmailInput}" aria-label="{message:LocateAccount/EmailInputLabel}" autocomplete="email" autofocus required>
    </div>
    <button data-ecp-action="locate" aria-label="{message:LocateAccount/LocateButtonLabel}">{message:LocateAccount/LocateButton}</button>
  </form>
  <ul class="ecp-item-list">
    <li><a href="#" class="ecp-option" data-ecp-action="forgot">{message:LocateAccount/ForgotLink}</a></li>
    <li><a href="#" class="ecp-option" data-ecp-action="signup">{message:LocateAccount/SignupLink}</a></li>
  </ul>
</div>