Атрибут required для Select (то работает, то нет)

<form> 
  Пример 1 (не работает) 
  <br> 
  <select required size='1' name='project_type' style='width: 308px; color: #333333; border: solid 1px #000000; border-radius:4px; box-shadow: inset 2px 2px 4px 0px #bbbbbb; text-shadow: 0px 0px 1px #999999; background-color:#f0f0f0; padding-bottom:2px; font:bold 14px "Trebuchet MS";'> 
    <option selected disabled>Выбирите тип проекта:</option> 
    <option value='simple'>сайт-визитка</option> 
    <option value='promo'>промо сайт (landing page)</option> 
    <option value='shop'>интернет-магазин</option> 
    <option value='site-and-shop'>сайт + интернет-магазин</option> 
    <option value='inet-board'>сайт объявлений</option> 
    <option value='organisation'>сайт для организации</option> 
    <option value='other'>другое (затрудняюсь с выбором)</option> 
 
  </select> 
  <input type="submit" value="Отправить"> 
  <button name="send">Send</button> 
</form> 
 
<hr>Пример 2 (работает) 
<form> 
  <p>Какое растение в списке вечнозелёное?</p> 
  <p> 
    <select name="pregunta" required> 
      <option></option> 
      <option value="1">Ольха</option> 
      <option value="2">Берёза</option> 
      <option value="3">Бузина</option> 
      <option value="4">Тис</option> 
    </select> 
  </p> 
  <p> 
    <input type="submit" value="Отправить"> 
  </p> 
</form>