Désactivé mais AUSSI coché [duplicate]

Question

Comment rendre la première option ("Choisissez l'une des trois ci-dessous") désactivée mais également sélectionnée en même temps? De sorte que lorsque vous accédez à la page, avant de cliquer sur le sélecteur le champ "Choisissez l'un des trois ci-dessous" s'affiche, mais dès que vous sélectionnez un nouveau champ vous ne pouvez plus sélectionner le champ car il est désactivé. J'ai essayé les attributs booléens désactivés et vérifiés, mais cela n'a pas fonctionné.

<select>
    <option value="">Choose one of the three below</option>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
</select>

Answer 1

Utilisez les deux selectedet disabledattributs, sur le <option>:

<select>
    <option selected disabled>Choose one of the three below</option>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
</select>