html中怎样实现具有下拉效果的多选框_随笔

select标记有一个属性multiple，将其设置成multiple="multiple"按住Ctrl键即可实现多选。请看例子：

<html>

<head>

<title>无标题文档</title>

</head>

function getValue()

{

var s = ""

for(var i=0i<form1.ss.options.lengthi++)

{

if(form1.ss.options[i].selected)

{

s+=form1.ss.options[i].value

}

alert(s)

}

</script>

<body>

请选择：

</select>

<br>

</form>

</body>

</html>

**************************补充**********************

修改select标签的size属性，把它的值改为1即可。

style属性。html复选框边框颜色设置红色用style属性，给标签元素添加border-color行内样式来设置边框颜色。html是用来描述网页的一种语言。html指的是超文本标记语言。使用标记标签来描述网页。

html中框内打勾为checkbox复选框。

checkbox为HTML中 <input>标签的 type 属性下的值。

<input>标签用于搜集用户信息。在 HTML 中，<input>标签没有结束标签。在 XHTML 中，<input>标签必须被正确地关闭。

type 属性规定 input 元素的类型。<input type="checkbox" />定义复选框。复选框允许用户在一定数目的选择中选取一个或多个选项。

其使用例子如下：

打开为网页后页面如下：

扩展资料：

CheckBox是在HTML中让使用者与首页上的素材发生交互作用的一种方法。其中包含CheckBox控件就是我们一般所说的复选框，通常用于某选项的打开或关闭。

该控件表明一个特定的状态（即选项）是选定 (on，值为true) 还是清除 (off，值为false)。在应用程序中使用该控件为用户提供“True/False”或“yes/no”的选择。进行选项组合。

在 HTML 文档中 <input type="checkbox">每出现一次，Checkbox 对象就会被创建

您可以通过遍历表单的 elements[] 数组来访问某个选择框，或者通过使用 document.getElementById() 。

参考资料：百度百科_CheckBox的介绍

欢迎分享，转载请注明来源：内存溢出

html中怎样实现具有下拉效果的多选框