منوها

<devsite-select>
  <label for="select">Fancy select</label>
  <select id="select">
    <option selected data-title="Google Docs">Google Docs</option>
    <option data-title="Google Forms">Google Forms</option>
    <option data-title="Google Sheets">Google Sheets</option>
  </select>
</devsite-select>

<p>
  <label for="select">Regular select</label>
  <select id="select">
    <option selected>Google Docs</option>
    <option>Google Forms</option>
    <option>Google Sheets</option>
  </select>
</p>

<p>
  <label for="disabled-select">Disabled select</label>
  <select id="disabled-select" disabled>
    <option selected>Google Docs</option>
    <option>Google Forms</option>
    <option>Google Sheets</option>
  </select>
</p>