disabled属性
optgroup要素のdisabled属性は、optgroup要素を無効にする属性。
ブラウザ対応 |
---|
構文
<optgroup label="グループ名" disabled></optgroup>
disabled属性は、論理属性である。
disabled属性が存在する場合、そのoptgroup要素は無効になる。
サンプルコード
<select>
<optgroup label="グループA" disabled>
<option value="値1">選択肢1</option>
<option value="値2">選択肢2</option>
<option value="値3">選択肢3</option>
</optgroup>
<optgroup label="グループB">
<option value="値4">選択肢4</option>
<option value="値5">選択肢5</option>
<option value="値6">選択肢6</option>
</optgroup>
</select>
グループAの選択肢1~3は選択できない。
サンプル
HTMLソースコード
<form action="sample-select.php" method="post" target="_blank"> <p> 選択肢: <select name="sampleName"> <optgroup label="グループA"> <option>選択肢1</option> <option>選択肢2</option> <option>選択肢3</option> </optgroup> <optgroup label="グループB" disabled> <option>選択肢4</option> <option>選択肢5</option> <option>選択肢6</option> </optgroup> <optgroup label="グループC"> <option>選択肢7</option> <option>選択肢8</option> <option>選択肢9</option> </optgroup> </select> </p> <p> <button type="submit">送信</button> </p> </form>