title: given min="1935" max="2022" step="1" how to change default from min to max
body: <p>I have a form that asks for alumni names and graduation years (1 of each field per alumni).
  The graduation year field has a scroll bar to choose a year from min=&quot;1938&quot; to max=&quot;2022&quot;.
  I would like to leave the graduation year field blank using value=&quot;&quot;.
  The problem I run into is that the min value is the first option provided by the scroll bar if no value is provided in the code.
  I would like it to provide the 2022 option and scroll down from that as need be, rather than allow it to provide 1938 and scroll up from that - I figure the most likely graduation years will be closer to the max value.
  How can I set the scroll bar to provide the max value without specifying it as a value?
  Placing the max value before the min value doesn't work even with the step as -1.
  The code looks like this:</p>
  <pre><code>  &lt;input type=&quot;hidden&quot; name=&quot;on2&quot; value=&quot;Class of&quot;/&gt;
    &lt;input type=&quot;number&quot; name=&quot;os2&quot; maxlength=&quot;4&quot; min=&quot;1935&quot; max=&quot;2022&quot; step=&quot;1&quot; value=&quot;&quot; style=&quot;width:50px&quot;required oninvalid=&quot;this.setCustomValidity('Please Provide Graduation Year')&quot;
  </code></pre>