强化select不能选主类别

admin 2015年06月11日 Html5,CSS3 815次阅读 查看评论

<select name='Grade' class='s8'>
<option value=''>— 请选择 —</option>?
<optgroup label='学前教育'></optgroup><option value='18'>&nbsp;&nbsp;学前教育</option>
<optgroup label='小学'></optgroup><option value='5'>&nbsp;&nbsp;1年级</option>
<option value='6'>&nbsp;&nbsp;2年级</option>
<option value='7'>&nbsp;&nbsp;3年级</option>
<option value='8'>&nbsp;&nbsp;4年级</option>
<option value='9'>&nbsp;&nbsp;5年级</option>
<option value='10'>&nbsp;&nbsp;6年级</option>
<optgroup label='初中'></optgroup><option value='11'>&nbsp;&nbsp;7年级</option>
<option value='12'>&nbsp;&nbsp;8年级</option>
<option value='13'>&nbsp;&nbsp;9年级</option>
<optgroup label='高中'></optgroup><option value='14'>&nbsp;&nbsp;10年级</option>
<option value='15'>&nbsp;&nbsp;11年级</option>
<option value='16'>&nbsp;&nbsp;12年级</option>
</select>


也可以直接加入disabled属性,配合缩进,达到同样的效果

<!DOCTYPE html>
<html>
<body>
<select>
  <option value="volvo" >Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel" disabled="disabled">Opel</option>
  <option value="audi">Audi</option>
</select>
  
</body>
</html>



经过这样的设置后,主类别 学期教育,小学,初中,高中,均不能被选择

« 上一篇 下一篇 » admin原创文章,转载请注明出处! 标签:select不能选主类别optgroup标签disabled

相关日志:

«   2020年11月   »
1
2345678
9101112131415
16171819202122
23242526272829
30
控制面板
您好,欢迎到访网站!
  [查看权限]
网站分类
文章归档
网站收藏
友情链接
图标汇集
  • 又拍云
  • 订阅ipvb的RSS 2.0聚合