Buttons

Button

Disabled button








View code
<div class="flex">
  <p>
    <span>Button</span><br />
    <button>Button</button>
  </p>
  <p>
    <span>Disabled button</span><br />
    <button disabled>Disabled Button</button>
  </p>
</div>
<div class="flex">
  <p>
    <label for="input-reset">Input type="reset"</label><br />
    <input type="reset" id="input-reset" value="Input Reset" />
  </p>
  <p>
    <label for="input-reset-disabled">Input type="reset"</label><br />
    <input type="reset" id="input-reset-disabled" value="Disabled Input Reset" disabled />
  </p>
</div>
<div class="flex">
  <p>
    <label for="input-button">Input type="button"</label><br />
    <input type="button" id="input-button" value="Input Button" />
  </p>
  <p>
    <label for="input-button">Input type="button"</label><br />
    <input type="button" id="input-button" value="Disabled Input Button"  disabled />
  </p>
</div>
<div class="flex">
  <p>
    <label for="input-submit">Input type="submit"</label><br />
    <input type="submit" id="input-submit" value="Input Submit" />
  </p>
  <p>
    <label for="input-submit">Input type="submit"</label><br />
    <input type="submit" id="input-submit" value="Disabled Input Submit" disabled />
  </p>
</div>
<p>
  <label for="input-image">Input type="image"</label><br />
  <input type="image" id="input-image" alt="Input" src="./static/input-image.png" />
</p>