Атрибут label тега <option> — короткий підпис пункту

<form>
  <p><b>З використанням атрибута "label"</b></p>
   <p>Хто написав повість "Маруся"?</p>
   <select name="question">
    <option label="Шевченко" value="1">Тарас Шевченко</option>
    <option label="Україна" value="2">Леся Українка</option>
    <option label="Франко" value="3">Іван Франко</option>
    <option label="Квітка-Основ'яненко" value="4">Григорій Квітка-Основ'яненко</option>
   </select>
   <p><input type="submit" value="Надіслати"></p>
  </form>
<br>
<form>
  <p><b>Без використання атрибута "label"</b></p>
   <p>Хто написав повість "Маруся"?</p>
   <select name="question">
    <option value="1">Тарас Шевченко</option>
    <option  value="2">Леся Українка</option>
    <option value="3">Іван Франко</option>
    <option  value="4">Григорій Квітка-Основ'яненко</option>
   </select>
   <p><input type="submit" value="Надіслати"></p>
  </form>

HTML

<div class="row">
  <div>
    <p>Без label</p>
    <select size="4">
      <option value="1">Київ — столиця України</option>
      <option value="2">Львів — обласний центр</option>
      <option value="3">Одеса — обласний центр</option>
      <option value="4">Харків — обласний центр</option>
    </select>
  </div>
  <div>
    <p>З label</p>
    <select size="4">
      <option value="1" label="Київ">Київ — столиця України</option>
      <option value="2" label="Львів">Львів — обласний центр</option>
      <option value="3" label="Одеса">Одеса — обласний центр</option>
      <option value="4" label="Харків">Харків — обласний центр</option>
    </select>
  </div>
  <div>
    <p>label у optgroup — заголовок групи</p>
    <select size="6">
      <optgroup label="Захід">
        <option>Львів</option>
        <option>Ужгород</option>
      </optgroup>
      <optgroup label="Схід">
        <option>Харків</option>
        <option>Суми</option>
      </optgroup>
    </select>
  </div>
</div>

<p>datalist — label показується як пояснення до значення:</p>
<input list="cities" placeholder="Оберіть місто">
<datalist id="cities">
  <option value="Київ" label="столиця"></option>
  <option value="Львів" label="обласний центр"></option>
  <option value="Одеса" label="морський порт"></option>
</datalist>

CSS

.row { display: flex; flex-wrap: wrap; gap: 1.6em; margin-bottom: 1em; }
.row p { margin: 0 0 .3em; font-weight: bold; }
select { font: inherit; min-width: 13em; }
input { font: inherit; padding: .35em; min-width: 16em; }