Formular: Layouts

<wm-section>
  <h2>Adresse</h2>
  <wm-form>
    <form>
      <wm-stack vertical gap="s" class="wm-h-row">
        <wm-stack gap="s" grow="">
          <wm-input type="text" label="PLZ" name="address7" id="address7" required></wm-input>
          <wm-input type="text" label="Ort" name="address8" id="address8"></wm-input>
        </wm-stack>
        <wm-input type="text" label="Straße" name="address1" id="address1" required></wm-input>
        <wm-input type="text" label="Hausnummer (einschließlich Block, Gruppe, Parzelle, Stiege)" name="address2" id="address2" required></wm-input>
        <wm-stack gap="s" equal="" grow="">
          <div>
            <label for="address5">Stock</label>
            <input type="text" name="address5" id="address5" />
          </div>
          <div>
            <label for="address6">Tür</label>
            <input type="text" name="address6" id="address6"/>
          </div>
        </wm-stack>
      </wm-stack>
    </form>
  </wm-form>

</wm-section>

<wm-section>
  <h2>Adresse</h2>
  <wm-form>
    <form>
      <wm-stack vertical gap="s" class="wm-h-row">
        <wm-input type="text" label="Land" name="address9" id="address9"></wm-input>
        <wm-stack gap="s" grow="">
          <wm-input type="text" label="PLZ" name="address7" id="address7" required></wm-input>
          <wm-input type="text" label="Ort" name="address8" id="address8"></wm-input>
        </wm-stack>
        <wm-input type="text" label="Straße" name="address1" id="address1" required></wm-input>
        <wm-input type="text" label="Hausnummer (einschließlich Block, Gruppe, Parzelle, Stiege)" name="address2" id="address2" required></wm-input>
        <wm-stack gap="s" equal="" grow="">
          <div>
            <label for="address5">Stock</label>
            <input type="text" name="address5" id="address5" />
          </div>
          <div>
            <label for="address6">Tür</label>
            <input type="text" name="address6" id="address6"/>
          </div>
        </wm-stack>
      </wm-stack>
    </form>
  </wm-form>

</wm-section>

<form id="login" method="POST" action="#">
  <div>
    <label for="username">
      Benutzername
      <abbr title="Pflichtfeld">*</abbr>
    </label>

    <input type="text" name="username" id="username" autocomplete="username" required size="40" />
  </div>

  <div>
    <label for="current-password">
      Passwort
      <abbr title="Pflichtfeld">*</abbr>
    </label>
    <input type="password" name="current-password" id="current-password" autocomplete="current-password" required size="40"/>
  </div>

  <button>Anmelden</button>
</form>