title: How not to validate HTML5 text box with required attribute
body: <p>I have one HTML text box (for quantity) and two HTML buttons (Add, Cancel) inside my form.</p>
  
  <pre><code>&lt;form&gt;
      &lt;input type="number" min="1" max="100" required /&gt;
      &lt;button type="button"&gt;Add&lt;/button&gt;
      &lt;button type="button"&gt;Cancel&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I do not want my second button (cancel) to validate the form when clicked.</p>
  
  <p>Is this possible? In ASP.NET, I can use CausesValidation="false" to not trigger the validation.</p>