title: How to change the value that shows up when an HTML input field spinner is clicked for the first time?
body: <p>I created a survey with an HTML number input field and I would like to change the value that shows up when the number input spinner is clicked or when the user presses up or down ("ArrowUp", "ArrowDown") for the first time. </p>
  
  <p>The below code and the accompanying fiddle provide an example. When the spinner (the buttons on the right side of the input field) is clicked, the number field starts at 0. I would like to be able to change this initial value (e.g., set is to .53).</p>
  
  <pre><code>&lt;input type="number" min="-1" max="1" step="0.01" /&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/pkzz6pno/" rel="nofollow">https://jsfiddle.net/pkzz6pno/</a></p>
  
  <p>The input field needs to be empty otherwise (to avoid influencing user responses as much as possible and to make it obvious that the field has not been filled out). Therefore, using "value" or "defaultValue" doesn't lead to the desired solution. Using a placeholder doesn't work either as this does not change the starting value of the spinner. </p>
  
  <p>I also found some add-ons that allow this to be done and some instructions on how to switch the spinner off (<a href="http://www.virtuosoft.eu/code/bootstrap-touchspin/" rel="nofollow">http://www.virtuosoft.eu/code/bootstrap-touchspin/</a>) but I was hoping to find a less intrusive solution.</p>