<input type="submit" value="Submit this form" />
<input type="reset" value="Reset this form" />
<input type="button" value="Do Nothing without JavaScript" />

<button type="submit">Submit this form</button>
<button type="reset">Reset this form</button>
<button type="button">Do Nothing without JavaScript</button>

<div class="buttondemo">
  <p>Using &lt;input></p>
  <p>
    <input type="submit" value="Submit this form" />
    <input type="reset" value="Reset this form" />
    <input type="button" value="Do Nothing without JavaScript" />
  </p>
  <p>Using &lt;button></p>
  <p>
    <button type="submit">Submit this form</button>
    <button type="reset">Reset this form</button>
    <button type="button">Do Nothing without JavaScript</button>
  </p>
</div>

<button type="submit">This is a <strong>submit button</strong></button>

<input type="submit" value="This is a submit button" />

<button type="reset">This is a <strong>reset button</strong></button>

<input type="reset" value="This is a reset button" />

<button type="button">This is an <strong>anonymous button</strong></button>

<input type="button" value="This is an anonymous button" />

<input type="image" alt="Click me!" src="my-img.png" width="80" height="30" />

button,
input {
  display: none;
}
.buttondemo button,
.buttondemo input {
  all: revert;
}