HTML select disabled пример

Обновлено 16.12.2022

Пример с select disabled

 
.block-select-23, .block-select-24{
  display:block;
}
#opt-24{
  color:gray;
}
#river-select-267{
  background-color:gray;
  color:black;
}

 <div class="block-select-23">
<label> Пример с disabled
<select disabled name="river" id="river-select-267" >
    <option value="">--Выберите реку--</option>
    <option value="volga">Волга</option>
    <option value="don">Дон</option>
    <option value="vorgol">Воргол</option>
    <option value="oka">Ока</option>
</select>
</label>
<div>

Пример с select без disabled

 
.block-select-23, .block-select-24{
  display:block;
}
#opt-24{
  color:gray;
}
#river-select-267{
  background-color:gray;
  color:black;
}

 <div class="block-select-24">
<label> Пример без disabled
<select name="river" id="river-select" >
    <option value="">--Выберите реку--</option>
<optgroup label="Первая группа">
    <option value="volga">Волга</option>
    <option disabled value="don" id="opt-24">Дон</option>
    <option value="vorgol">Воргол</option>
</optgroup>
<optgroup label="Вторая группа">
    <option value="oka">Ока</option>
</optgroup>
</select>
</label>
</div>

Пример вывода html select c атрибутом disabled и без disabled