News Contents
信息中心

html option禁用选择 select禁用选项示例

发表日期:2018/2/25      浏览次数:

不想让用户选择,就可以将html option禁用、禁用select选项,下面是具体的实现,希望对大家有所帮助

 

<select> 
<option value="">1</option> 
<option value="">2</option> 
<option value="">3</option> 
<option value="">4</option> 
<option value="">5</option> 
</select>

 

我不想让用户可以选择 345 怎么办呢

代码如下: 
<select> 
<option value="">1</option> 
<option value="">2</option> 
<optgroup label="3"></optgroup> 
<optgroup label="4"></optgroup> 
<optgroup label="5"></optgroup> 
</select>这样就ok了


<html>
<head>
<style type="text/css">
.disabled {
}
.disabled optgroup{
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color:#CCCCCC;
background-color: #F5F5F5;
}
.disabled option {
padding-left:0px;
}
</style>
<title></title>
</head>
<body>
<select name="carCos" class="disabled">
<optgroup label="American"></optgroup>
<option value="General Motors">General Motors</option>
<option value="Ford">Ford Motor Company</option>
<option value="Chrysler">DaimlerChrysler</option>
<optgroup label="Japanese"> </optgroup>
</select><br>
用这种变态的方式可以实现,在firefox和ie6下看效果很好
</body>
</html>
 

盛大建站承接个人、公司、企业的网站建设、网页设计、网店制作、独立商城制作、外贸网站制作,也承接同行介绍的业务,欢迎联系!
本站承接主要业务如下:
1、提供免备案虚拟主机(网站空间),有独立国内服务器、高速美国服务器、香港服务器、韩国服务器、日本服务器,>> http://www.fuanxx.com
2、网站建设:个人网店制作、企业建站、公司网站、新闻、下载等;论坛、博客网站搭建,承接外贸英文站制作
3、承接阿里巴巴、京东、淘宝、天猫等的商品数据采集
4、网站防钓鱼,可以过360、QQ、搜狗、金山、微信拦截
5、要就发IP网站限制访问系统,防止同行抄袭并保障海外客户访问不受影响,>> http://www.198ip.com
十年如一日,我们专注于提供高品质 定制网站建设服务!
您的信任,我们的责任,期待与您的合作!