很多站长朋友们都不太清楚html怎么做多选框，今天小编就来给大家整理html怎么做多选框，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 HTML多选下拉框怎么做 2、 html 下拉多选复选框怎么做出来啊 3、 html中怎样实现具有下拉效果的多选框 HTML多选下拉框怎么做<select multiple="multiple">
<option>...</option>
...
</select>
按住ctrl点击左键即可多选
html 下拉多选复选框怎么做出来啊html 下拉多选复选框
<select>标签里面添加属性multiple就是多选了
html中怎样实现具有下拉效果的多选框select标记有一个属性multiple，将其设置成multiple="multiple"按住Ctrl键即可实现多选。 请看例子：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript">
function getValue()
{
var s = "";
for(var i=0;i<form1.ss.options.length;i++)
{
if(form1.ss.options[i].selected)
{
s+=form1.ss.options[i].value;
}
}
alert(s);
}
</script>
<body>
<form id="form1" name="form1" method="post" action="">
请选择：
<select id="ss" name="ss" size="5" multiple="multiple">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>
<br>
<input type="button" name="Submit" value="提交" onclick="getValue()" />
</form>
</body>
</html>
**************************补充**********************
修改select标签的size属性，把它的值改为1即可。
关于html怎么做多选框的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于html怎么做多选框 html中的单选框怎么做的详细内容...