`
gzcj
  • 浏览: 289790 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

SELECT标签的使用

阅读更多

因为对html不是很熟悉,所以在使用中难免有疑问,今天想实验一个小功能,就是select以列表形式显示,但只能选一个。一开始以为是设置multiple属性为false,后来发现不对。经实验发现不论你对multiple设置什么true|false,select都可以多选。如果要想设置列表形式而且还单选其实很简单。只要设置size属性就好了。

例如:

<select id="xxx" size="10">
 <option>xxx</option>
 <option>xxx</option>
</select>

 

当然你的size写几都行,只要有这个就好了。

分享到:
评论
1 楼 liangwenzheng 2008-11-18  
learning...

相关推荐

    select美化HTML的select标签的原始样式,并且不影响原始select的事件方法调用

    为了提升用户体验并保持与原始HTML`&lt;select&gt;` 标签的功能兼容性,开发者通常会使用自定义样式来美化下拉菜单。本主题探讨的核心就是如何在不干扰`&lt;select&gt;` 的事件方法调用的情况下,实现这一目标。 首先,我们需要...

    jsp中htmlselect标签的用法

    以下是对`html:select`标签的详细解释和使用方法: ### 基本结构 `html:select`标签的基本结构如下: ```jsp &lt;html:select property="beanProperty"&gt; &lt;/html:select&gt; ``` - `property="beanProperty"`: 指定...

    select标签边框的颜色select标签边框的颜色

    以上就是关于“select标签边框的颜色”这一主题的主要知识点。理解并熟练运用这些技巧,可以使你的网页设计更加个性化和专业。在实践中,记得不断测试和调试,以确保在各种环境下的表现都符合预期。

    select标签multiple属性的使用方法.zip

    ### 一、`&lt;select&gt;`标签的基本结构 ```html &lt;select&gt; &lt;option value="value1"&gt;Option 1 &lt;option value="value2"&gt;Option 2 &lt;!-- 更多选项... --&gt; &lt;/select&gt; ``` 在这个基本结构中,`&lt;option&gt;`标签定义了下拉列表...

    Jquery获取Select标签的值

    本文详细介绍了如何使用 jQuery 来获取 Select 标签的值以及其他表单元素的操作方法。这些技术可以帮助开发者更高效地控制网页上的表单元素,并且为用户提供更加友好的交互体验。无论是简单的数据获取还是复杂的事件...

    超好用的select标签-带api

    在本篇文章中,我们将深入探讨如何使用`&lt;select&gt;`标签,并结合JavaScript API,来实现更丰富的交互功能。我们将涵盖以下几个方面: 1. **基本使用** - `&lt;select&gt;`标签的基本结构:`&lt;select&gt;&lt;/select&gt;`,其中可以...

    Select标签美化,兼容多浏览器

    select标签美化,支持空白处点击显示隐藏选项,目前测试过兼容Firefox、Chrome、IE5及以上,原来找到这个方案不支持空白点击事件,后面改好了测试了没问题,难免会有些bug,如果遇到需要优化欢迎交流!

    struts操作select标签实例

    本文将深入探讨`html:select`标签的使用方法及其相关知识点。 首先,我们需要理解`html:select`标签的基本结构。这个标签通常与`html:option`标签配合使用,以生成下拉列表的选项。一个简单的例子如下: ```jsp ...

    JS select标签复选

    在网页开发中,`&lt;select&gt;` 标签用于创建下拉菜单,通常用于提供用户一个选项列表进行选择。然而,标准的 `&lt;select&gt;` 标签默认只支持单选,但通过 JavaScript(JS) 和 jQuery(JQ) 的帮助,我们可以实现多选功能,...

    uni-app实现select标签功能

    在uni-app中实现类似html的select标签功能。选中数据后,会在下面显示出所选的数据,点删除之后,对应的选中状态也清除

    自定义的select标签

    这个“自定义的select标签”描述的正是这种技术的应用,用于构建一个定制化的下拉选择组件。在实际项目中,可能由于设计风格、交互需求或者功能增强的需求,开发者会选择自定义select标签,以提供更灵活的解决方案。...

    定制html的select标签样式

    本文将详细介绍如何通过自定义CSS和JavaScript来改变`&lt;select&gt;`标签的样式,打造更加个性化的下拉选择框。 首先,我们需要了解`&lt;select&gt;`的基本结构和其选项`&lt;option&gt;`。`&lt;select&gt;`标签内包含一系列`&lt;option&gt;`标签...

    struts2标签中select的三种写法

    在本文中,我们将深入探讨Struts2中`select`标签的三种不同的使用方法,以及如何从Action类动态获取数据填充这些选项。 ### 一、静态定义`select`标签 1. **静态数据**:在简单的场景下,我们可以直接在JSP页面中...

    struts2实现页面select标签默认选中

    使用`&lt;s:select&gt;`标签 Struts2提供了一个非常强大的标签——`&lt;s:select&gt;`,它可以用来生成一个`&lt;select&gt;`下拉列表,并支持动态设置默认选中项。 #### 代码示例 假设我们需要根据用户提交的`auditingLog`对象中的...

    用JavaScript来美化HTML的select标签的下拉列表效果

    因此,使用JavaScript来增强select标签的外观,让它在不同的浏览器中都表现出一致且美观的效果,就成为了前端开发中一个常见的需求。 JavaScript在美化select标签的过程中主要扮演了以下几个角色: 1. 隐藏原始...

    分享带查询的select标签

    【标题】"分享带查询的select标签"涉及的是在网页开发中如何实现一个具有搜索功能的下拉选择框。在传统的HTML中,`&lt;select&gt;`标签用于创建一个下拉列表,但其默认功能并不支持用户输入关键词进行筛选。这篇博客(博文...

    bootstrap select 标签

    2. **基本使用**:在 HTML 中,为 `&lt;select&gt;` 标签添加 `class="selectpicker"`,然后在文档加载完成后调用 `$(document).ready()` 函数来初始化 Bootstrap Select。 ```html &lt;select class="selectpicker"&gt; ...

    清空select标签中option选项的3种不同方式

    复制代码代码如下: document.getElementById(“selectid”).options.length = 0; 方法二 复制代码代码如下: document.formName.selectName.options.length = 0; 方法三 复制代码代码如下: document....

    动态加载select标签下拉框数据

    标题提到的“动态加载select标签下拉框数据”是指在用户交互时,根据需求动态地从服务器获取并填充HTML `&lt;select&gt;` 标签的选项,而不是一次性加载所有数据。这种技术常用于大数据量的下拉列表,以减少初始页面加载...

    双选框 两个<select>标签组成 高效代码清晰

    在IT领域,尤其是在Web开发中,`&lt;select&gt;`标签是一个常用元素,用于创建下拉菜单,让用户在一组预设选项中进行选择。本项目中,我们看到一个创新的应用,即通过两个`&lt;select&gt;`标签来实现类似“双选框”的功能,这在...

Global site tag (gtag.js) - Google Analytics