title: Form Select Required and Placeholder
body: <p>So heres my code at this moment in time (Note - this code is inside of a PHP for loop being echo'd out, so when you see the $i variable just assume its a number that's incrementing every pass):</p>
  
  <pre><code>&lt;select name='field{$i}type' class='form-control' required&gt;
      &lt;option disabled selected hidden&gt;Type of Field&lt;/option&gt;
      &lt;option value='text'&gt;Text&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>When this select is created dynamically with my php, I want to have a "placeholder" for the select. I've found answers on how to make the placeholder (<a href="https://stackoverflow.com/questions/22822427/bootstrap-select-dropdown-list-placeholder">Bootstrap select dropdown list placeholder</a>), which is now there and working. However, i need this select to be required. I need to force the user to select the text option before form submission. Any way to do this in pure HTML? the required option is getting confused i believe because i've put in the "selected" parameter. Is that the case? How can I fix this.</p>