html如何做出下拉多(复)选框

qq_22419617 2017-03-30 09:16:47

请教大神们，如何做出下图的效果呢？敢情把代码写出来，感激不尽

...全文

940 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

浪子回头8 2017-03-30

打赏
举报

回复

这个得用层定位了，参考 http://269629151.iteye.com/blog/1935933

代码演示地址：http://www.freejs.net/demo/524/index.html（类似）引用http://www.freejs.net/article_biaodan_524.html

同事在网上的找的下拉列表框出现位置不对的和加载慢的BUG，反正多选下拉列表框实现也很简单，与其看那些结构混乱的代码，不如自己重新实现一个。先看效果： http://demo.jb51.net/js/2012/jquery_demo/jquery_select.htmlJS: 代码如下: (function ($) { $.fn.extend({ MultDropList: function (options) { var op = $.extend({ wraperClass: “wraper”, width: “150px”, height: “200px”, data: “”, sel

第1章（源代码\第1章）示例描述：本章演示HTML基本知识 HTML基本标记.html HTML基本标记的用法。我的第一张网页.html 演示我的第一张网页。第2章（源代码\第2章）示例描述：本章演示常用HTML标记和格式注释.htm 注释的用法。标题标记.htm 标题标记的用法。粗体与斜体.htm 粗体与斜体的用法。段落.htm 段落的用法。换行.htm 换行的用法。上标与下标.htm 上标与下标的用法。下划线与删除线.htm 下划线与删除线的用法。 HTML标记和格式实例手把手.htm HTML标记和格式实例手把手的用法。第3章（源代码\第3章）示例描述：本章演示字体标记语法以及其用法标题字体.htm 标题字体的用法。标题字体大小.htm 设置标题字体大小。逻辑字体.htm 逻辑字体的用法。设置字体大小.htm 设置字体大小。物理字体.htm 物理字体的用法。字体实例手把手.htm 演示字体实例手把手。字体颜色.htm 设置字体颜色。第4章（源代码\第4章）示例描述：本章演示文字文字布局标记用法 br的用法.html 演示br的用法。 p的用法.htm 演示p的用法。不换行.htm 演示不换行标记用法。段落设置.htm 演示段落设置。计算机输出格式.htm 计算机输出格式标记和用法。文字布局手把手.htm 演示文字布局手把手。文字对齐.htm 演示文字对齐用法。文字对齐-向右.html 演示文字对齐-向右对齐的用法。无序列表.htm 演示无序列表的用法。有序列表.htm 演示有序列表用法。欲格式化文本.htm 欲格式化文本标记用法。欲格式化文本行.html 欲格式化文本行标记用法。第5章（源代码\第5章）示例描述：本章演示图像标记的用法 alt用法.html 图像参数alt用法。插入图像.html 演示插入图像。热点链接.htm 热点链接的用法。图片链接边框设置.html 图片链接边框设置。图像top对齐.html 演示图像top对齐。图像边框设置.html 图像边框设置。图像链接.htm 图像链接用法。图像实例手把手.html 演示图像实例手把手。第6章（源代码\第6章）示例描述：本章演示超级链接用法 target用法.html 链接参数target的用法。 title用法.html 链接参数title用法。锚点链接.html 标记锚点链接用法图片链接.html 演示图片链接。文字链接.html 演示文字链接。邮箱地址链接.html 演示邮箱地址链接。链接实例手把手.html 演示链接实例手把手。第7章（源代码\第7章）示例描述：本章演示表单标记的用法按钮.htm 表单按钮的用法。表单基本语法.htm 表单基本语法。表单两属性.html 表单两属性用法。单选框.htm 表单单选框用法多行文本域.htm 表单多行文本域用法。复选框.htm 表单复选框的用法。密码框.htm 表单密码框的用法。文本框.htm 表单文本框的用法。文本域.htm 表单文本域用法。下拉表.htm 表单下拉表的用法。表单实例手把手.html 演示表单实例手把手。第8章（源代码\第8章）示例描述：本章演示表格标记用法。表格边框宽度.html 表格边框宽度演示。表格标题.html 表格标题用法演示。表格的基本语法.html 表格的基本语法。表格内对齐.html 演示表格内对齐。表格内文字对齐.html 演示表格内文字对齐。表格实例手把手.html 演示表格实例手把手。表格在网页中的对齐.html 演示表格在网页中的对齐。表格在网页中对齐.html 演示表格在网页中对齐。跨多列表元.html 演示跨多列表元。跨多行、多表表元.html 演示跨多行、多表表元用法。跨多行表元.html 演示跨多行表元用法。设置表格大小.html 设置表格大小。第9章（源代码\第9章）示例描述：本章演示框架标记的用法不能调节框架大小.html 演示不能调节框架大小。不支持框架.html 演示不支持框架情况。垂直分栏.html 演示垂直分栏。导航框架.html 导航框架的用法。导航框架链接.html 导航框架链接的用法。框架边框隐藏.html 演示框架边框隐藏。框架基本语法.html 框架基本语法。框架水平分栏.html 设置框架水平分栏。内联框架.html 设置内联框架。设置滚动条.html 设置滚动条。框架实例手把手.html 演示框架实例手把手。第10章（源代码\第10章）示例描述：本章演示移动字体和图片用法。移动的基本语法.html 移动的基本语法。文字的移动方向.html 设置文字的移动方向。图片的移动.html 设置图片的移动。设置移动对象.html 设置设置移动对象。移动实例手把手—让图片像电影动起来.html 演示让图片像电影动起来。第11章（源代码\第11章）示例描述：本章演示网页多媒体标记的用法。多媒体基本语法.html 多媒体基本语法。多媒体循环播放.html 演示多媒体循环播放。隐藏面板.html 隐藏面板的用法。设置开始时间.html 设置开始时间。多媒体面板的对齐.html 演示多媒体面板的对齐。多媒体实例手把手—在网页中放视频.html 演示在网页中放视频。 smak slow.mp3 名为smak slow 的mp3多媒体文件。刻舟求剑.swf 名为刻舟求剑的flash多媒体文件。第12章（源代码\第12章）示例描述：本章演示用DIV布局。 div布局.html 演示div布局实例。层嵌套.html 层嵌套的用法。 table布局.html 演示table布局。 DIV布局样式.html 设置DIV布局样式。如何用DIV布局.html 演示如何用DIV布局。第13章（源代码\第13章）示例描述：本章演示DIV与SPAN用法。 SPAN基本语法.html SPAN基本语法。何时该用SPAN.html 何时该用SPAN。 DIV与SPAN区别一.html 演示DIV与SPAN区别一。 DIV与SPAN区别二.html 演示DIV与SPAN区别二。 DIV与SPAN实例手把手--布局.html 演示DIV与SPAN实例手把手--布局。第14章（源代码\第14章）示例描述：本章演示DIV与CSS结合用法。内联定义样式.html 内联定义样式.html 链入内部CSS样式.html 链入内部CSS样式.html 外链接.html 外链接.html 链接外部CSS样式.html 链接外部CSS样式.html CSS控制DIV.html CSS控制DIV.html DIV+CSS布局.html DIV+CSS布局.html div.css 名为div的样式文件。 style.css 名为style的样式文件。第15章（源代码\第15章）示例描述：本章演示CSS基础部分知识。 CSS基础.html 演示CSS基础链接知识用法。 style1.css 名为style1的CSS样式文件。 style2.css 名为style2的CSS样式文件。 style3.css 名为style3的CSS样式文件。第16章（源代码\第16章）示例描述：本章演示字体属性用法。间距与间隔.html 属性间距与间隔用法。设置行距.html 属性设置行距用法。字体大小.html 属性字体大小用法。字体类型.html 属性字体类型用法。字体设置.html 属性字体设置。字体颜色.html 属性字体颜色用法。字体重量.html 属性字体重量用法。第17章（源代码\第17章）示例描述：本章演示文本属性用法。垂直对齐.html 设置垂直对齐。空格处理.html 设置空格处理。设置水平对齐.html 设置水平对齐。首行缩进.html 首行缩进的用法。文本流方向.html 文本流方向用法。文本行距.html 文本行距的用法。文本修饰属性text-decoration.html 文本修饰属性text-decoration用法。文字垂直对齐.html 文字垂直对齐用法。字母大小写转换.html 字母大小写转换用法。字体实例手把手――字体花样.html 演示字体实例手把手――字体花样。文本设置手把手—给段落设置缩进.html 演示文本设置手把手—给段落设置缩进。第18章（源代码\第18章）示例描述：本章演示背景属性用法。背景的基本语法.html 属性背景的基本语法。设置背景图像.html 设置背景图像。设置背景图像滚动.html 设置背景图像滚动。设置背景图像铺排.html 设置背景图像铺排。设置背景图像位置.html 设置背景图像位置。设置背景颜色.html 设置背景颜色。背景实例手把手.html 演示背景实例手把手。第19章（源代码\第19章）示例描述：本章演示尺寸的用法。设置宽度.html 设置宽度属性。设置高度.html 设置高度属性设置层居中.html 设置层居中实例。尺寸实例手把手.html 演示尺寸实例手把手。第20章（源代码\第20章）示例描述：本章演示外补丁用法。 margin基本语法.html 复合属性margin基本语法。 margin-bottom用法.html 属性margin-bottom用法。 margin-left用法.html 属性margin-left用法。 margin-right用法.html 属性margin-right用法。 margin-top用法.html 属性margin-top用法。 margin实例.html 演示margin实例用法。 margin实例--设置层与层的距离.html 设置层与层的距离。实例手把手--DIV+CSS结合.html 演示实例手把手--DIV+CSS结合。第21章（源代码\第21章）示例描述：本章演示内补丁用法。 padding基本语法和用法.html 复合属性padding基本语法和用法。 padding-bottom用法.html 属性padding-bottom用法。 padding-left用法.html 属性padding-left用法。 padding-right用法.html 属性padding-right用法。 padding-top用法.html 属性padding-top用法。内补丁padding实例.html 演示内补丁padding实例。第22章（源代码\第22章）示例描述：本章演示属性边框用法。 border基本语法.html 复合属性border基本语法。边框宽度设置.html 边框宽度设置。边框样式用法.html 设置边框样式用法。设置边框颜色.html 设置边框颜色。 border-bottom用法.html 属性border-bottom用法。 border-left用法.html 属性border-left用法。 border-right用法.html 属性border-right用法。 border-top用法.html 属性border-top用法。设置多层边框.html 设置多层边框。边框实例手把手.html 演示边框实例手把手。第23章（源代码\第23章）示例描述：本章演示属性定位用法。 position的用法.html 属性position的用法。设置对象的边框位置.html 设置对象的边框位置。 z-index用法.html 属性z-index用法。相对定位实例.html 演示相对定位实例。绝对定位实例.html 演示绝对定位实例。实例－－圆角制作.html 演示实例－－圆角制作。第24章（源代码\第24章）示例描述：本章演示属性列表的用法。列表的预设标记用法.html 演示列表的预设标记用法。 list-style用法.html 属性list-style用法。设置列表文本排列.html 设置列表文本排列。设置列表图像.html 设置列表图像。列表实例手把手.html 演示列表实例手把手。第25章（源代码\第25章）示例描述：本章演示用CSS控制表格。控制表格的基本语法.html 控制表格的基本语法。设置表格边框独立或合并.html 设置表格边框独立或合并。设置表格布局的算法.html 设置表格布局的算法。 CSS控制表格实例手把手.html 演示CSS控制表格实例手把手。第26章（源代码\第26章）示例描述：本章演示CSS控制滚动条。设置3D界面亮边颜色和表面颜色.html 设置3D界面亮边颜色和表面颜色。设置滚动条3D界面暗边颜色和暗边框颜色.html 3D界面暗边和暗边框颜色的用法。设置滚动条方向箭头的颜色.html 设置滚动条方向箭头的颜色。设置滚动条基准颜色和拖动区域颜色.html 滚动条基准颜色和拖动区域颜色用法。设置滚动条亮边框颜色.html 设置滚动条亮边框颜色。第27章（源代码\第27章）示例描述：本章演示CSS布局。 clear的用法.html 属性clear的用法。 clip用法.html 属性clip用法。 cursor用法.html 属性cursor用法。 display用法.html 属性display用法。 float的用法.html 属性float的用法。 overflow用法.html 属性overflow用法。 visibility用法.html 属性visibility用法。第28章（源代码\第28章）示例描述：本章演示选择符用法。 ID选择符.html 演示ID选择符用法。包含选择符.html 演示包含选择符用法。类型选择符.html 演示类型选择符用法。类选择符.html 演示类选择符用法。通配选择符.html 演示通配选择符用法。选择符分组.html 演示选择符分组用法。第29章（源代码\第29章）示例描述：本章演示伪类用法。伪类的类型用法.html 演示伪类的类型用法。 link属性.html 表示link属性。 hover属性.html 表示hover属性。 active属性.html 表示active属性。 visited属性.html 表示visited属性。第30章（源代码\第30章）示例描述：本章演示单位的表示用法。长度单位.html 设置长度单位。颜色单位.html 设置颜色单位。第31章（源代码\第31章）示例描述：本章演示游戏主题网站布局。游戏网站布局.html 演示游戏网站布局。 style.css 游戏网站的样式文件。 images 图像文件夹。第32章（源代码\第32章）示例描述：本章演示企业网站主题布局。设置DIV.html 设置DIV.html 企业网站主页.html 企业网站主页.html a.css 设置DIV页面的样式文件。 style.css 企业网站的样式文件。 images 图像文件夹。第33章（源代码\第33章）示例描述：本章演示博客首页.html 博客首页布局。 DIV设置.html 设置DIV时的HTML标记。 jquery.js 一个javascript的优秀框架jquery。 index.js 控制博客页面的javascript脚本。 style.css 博客类网站的样式文件。 images 图像文件夹。

第1篇Struts 基础入门 6 第1章 Struts概述 8 1.1 JSP Framework - Struts介绍 8 1.2 Struts的体系结构 8 1.3 Struts1.0学习文档 8 1.3 JSP流行模板Struts的安装配置 8 1.4Struts 用户指南 8 1.5 你的第一个struts应用程序 8 第2章深入Struts结构 8 2.1人介绍应用框架 mvc和model2 8 2.2 Struts原理、开发及项目实施 8 2.3使用STRUST控制流 8 2.4讨论STRUTS的优缺点 9 2.5 Struts入门经验 9 2.6用strtus制作登陆页面： 9 第3章Struts 基础学习 9 3.1Struts标记库 9 3.2Struts框架基础篇 9 3.3Struts-config.xml配置文件讲解 3.4struts中文问题"，"struts国际化问题"??终极解决方案 9 3.5为 Web 服务构建 Struts 应用程序 9 3.6Struts标记库是如何工作的 9 3.7Struts 9 3.8struts简单例子的分析（含代码注释和配置文件说明） 9 3.9本章小结 10 第4章配置STRUTS组件 10 4.1 Web 应用部署描述符 10 4.2 STRUTS配置文件 10 4.3 应用资源文件 10 4.4 ANT的构建文件 10 4.5 struts中的日志 10 4.6 运用你的struts 10 第5章理解ActionForm 10 5.1 ActionForm的生命周期 10 5.2 ActionForm的作用 11 5.3 ActionForm的实践 11 5.4 组装ActionForm 11 5.5 Struts的动态表单的应用 11 第2篇 struts的执行 12 第6章理解ActionForward 12 6.1 ActionForward 的最佳实践 12 6.2 使用运行时参数 12 6.3 使用动态转发 12 第7章设计ActionMapping 12 7.1 理解ActionMapping 12 7.2 定义ActionMapping属性 12 7.3 使用局部和全局ActionForward 12 第8章设计、使用Action 12 8.1 理解Action 12 8.2 使用基本的Action 13 8.3 Action的实践 13 8.4 Struts中的Action类的工作机制; 13 8.5 Struts中不同的Action和ActionForm组合 13 第9章Struts内置机制 13 9.1 Struts内置类DispatchAction 13 9.2 Struts内置类ForwardAction 13 9.3 Struts令牌机制，防止重复提交 13 9.4 StrutsAction单态陷阱,请谨慎使用全局变量 13 9.5 Struts异常处理 13 第10章 struts中使用国际化（i18n） 13 10.1 struts国际化程序尝试 13 10.1 Java对i18n的支持 14 10.1 struts框架中对国际化的支持 14 第11章 Validator验证框架 14 11.1 安装和配置Validator验证框架 14 11.1 Validator框架和Struts客户化标签 14 11.1 在Validator框架中使用JavaScript 14 11.1 在struts中用validator作服务器端验证 14 第12章 Struts HTML标签库 14 12.1 Struts中基本的HTML标签 14 12.1 Struts中表单处理的HTML标签 14 12.1 Struts中复选框和单选框的HTML标签 14 12.1 Struts下JSP页面传递复选框值技巧 15 12.1 Struts中下拉和选取/选项列表的HTML标签 15 12.1 Struts中html:errors的HTML标签 15 12.1 Struts中使用<html:file>标签上传文件 15 第13章 Struts Bean标签库 15 13.1 如何获得Servlet上下文的有关内容 15 13.1 如何获得Java资源 15 13.1 如何获得Bean属性 15 13.1 使用Struts Bean标签保存与传输数据小实例 15 第14章 Struts Logic标签库 15 14.1 如何使用Logic标签进行基于值的条件显示 15 14.1 如何使用Logic标签进行字符串匹配 15 14.1 如何使用Logic标签来检测值是否存在 15 14.1 如何使用Logic标签来迭代 16 14.1 如何使用Logic标签标记来转移控制 16 14.1 在hello.jsp中使用Struts Logic标签库 16 第15章 Tiles标签库 16 15.1 struts中使用tiles组件 16 15.1 Tiles使用入门 16 第3篇案例精讲 16 第16章 Struts分页显示 16 16.1 建立数据库 16

google-forms-css 使用Bootstrap或CSS设置Google表单的样式关于通过该库，您可以将Google Form嵌入网页中，并使用Bootstrap或CSS对其进行样式设置。网络上有，向您展示如何编写自己HTML表单并将其链接到Google表单。该库为您完成。 Google表格 google-forms-css 演示： | 什么有效：这些问题：简短答案（文字）段落（文本区域）多项选择（单选按钮）选框下拉菜单（选择）日期时间电子邮件地址验证其他…选项必选选项标题和描述块什么不起作用：需要Google登录的所有内容（收集电子邮件地址*，仅限组织用户等）这些问题：上传文件线性刻度多选网格复选框网格图像，视频和部分块测验 *您仍然可以收集电子邮件地址，只需取消选中“设置” >“收集电子邮件地址”并

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章