html UIkit3を使ったサインインフォーム

Posted 2021-05-10

<div class="uk-flex uk-flex-center uk-flex-middle">
  <div class="uk-section-muted uk-section-small">
    <div class="uk-container">
      <form class="uk-form-stacked">
        <div class="uk-margin">
          <label class="uk-form-label">E-mail</label>
          <div class="uk-inline">
            <span class="uk-form-icon" uk-icon="icon: mail"></span>
            <input type="email" class="uk-input"/>
          </div>
        </div>
        <div class="uk-margin">
          <label class="uk-form-label">Password</label>
          <div class="uk-inline">
            <span class="uk-form-icon" uk-icon="icon: lock"></span>
            <input type="password" class="uk-input"/>
          </div>
        </div>
        <div>
          <button class="uk-button-primary uk-button-small uk-width-1-1">Sign-in</button>
        </div>
      </form>
    </div>
  </div>
</div>