使用下拉列表框进行多选

下拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,在 widows 操作系统下,进行多选时按下Ctrl键同时进行单击(在 Mac下使用 Command +单击),可以选择多个选项。如下代码:

在浏览器中显示的结果:

示例:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>使用下拉列表框进行多选</title>
</head>
<body>
<form action="save.php" method="post" >
    <label>爱好:</label>
    <select multiple="multiple">
      <option value="看书" selected="selected">看书</option>
      <option value="旅游" selected="selected">旅游</option>
      <option value="运动">运动</option>
      <option value="购物">购物</option>
    </select>
</form>
</body>
</html>
时间: 2024-09-30 18:36:33

使用下拉列表框进行多选的相关文章

HTML下拉列表框与复选框的区别

在用HTML创建表单的案例中,下拉列表框与复选框是有区别的,那在写HTML程序时,为了效果美观,我们也要特别注意.比如一般情况下,部门属性中用的是下拉列表框,所以不是在最后一个部门的结尾才加上换行符<br>,是在<select></select>之后,而对于兴趣复选框就可以随意的添加,因为复选框下的属性可以多选,竖着排的话就各位后面都加一个换行符,横着排就最后一个兴趣属性后加就可以了.而且换行符<br>没有closing tag,独立使用,很是方便.HTML

HTML--使用下拉列表框进行多选

下拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,在 widows 操作系统下,进行多选时按下Ctrl键同时进行单击(在 Mac下使用 Command +单击),可以选择多个选项.如下代码: 在浏览器中显示的结果:

8.使用下拉列表框进行多选

下拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,在 widows 操作系统下,进行多选时按下Ctrl键同时进行单击(在 Mac下使用 Command +单击),可以选择多个选项.如下代码: 在浏览器中显示的结果:

HTML下拉列表框

下拉列表在网页中也常会用到,它可以有效的节省网页空间.既可以单选.又可以多选.如下代码: 讲解: 1.value: 2.selected="selected": 设置selected="selected"属性,则该选项就被默认选中. 在浏览器中显示的结果: 使用下拉列表框进行多选 下拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,在 windows 操作系统下,进行

复选框、下拉框

使用单选框.复选框,让用户选择 语法: <input type="radio/checkbox" value="值" name="名称" checked="checked"/> 1.type: 当 type="radio" 时,控件为单选框 当 type="checkbox" 时,控件为复选框 2.value:提交数据到服务器的值(后台程序PHP使用) 3.name:为控件命

单选复选框的制作

一.选择框 在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选. 语法: <input type="radio/checkbox" value="值" name="名称" checked="checked"/> 1.当type="radio"时,为单选框

JS总结

1.JavaScript的基本语法 1-1:为什么要学习JavaScript 例如:a.表单验证 b.页面动态效果等等1-2:什么是JavaScript a.脚本的基本结构 语法: <script language="JavaScript"> <script language="JavaScript"> <!- <!- JavaScript 语句; JavaScript 语句; --!> --!> </scrip

HTML小结

1.HTML.CSS.JavaScript区别 1) HTML是网页内容的载体.内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字.图片.视频等. 2) CSS样式是表现.就像网页的外衣.比如,标题字体.颜色变化,或为标题加入背景图片.边框等.所有这些用来改变内容外观的东西称之为表现. 3) JavaScript是用来实现网页上的特效效果.如:鼠标滑过弹出下拉菜单.或鼠标滑过表格的背景颜色改变.还有焦点新闻(新闻图片)的轮换.可以这么理解,有动画的,有交互的一般都是用JavaScri

零基础全面学习HTML

基础框架 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>标题标签</title> </head> <body> <h1>了不起的盖茨比</h1> <p><了不起的盖茨比