`
xzknet
  • 浏览: 309614 次
  • 性别: Icon_minigender_1
  • 来自: 河南
文章分类
社区版块
存档分类
最新评论

可选择也可以输入的下拉列表框

阅读更多

 

下面展示一个可选择也可以输入的下拉列表框

<html>
<head>
<title>TW之运行代码插件--Ayin增强版</title>
<style type="text/css">...
div,span,p,td,font
{...}{font-size:9pt;}
</style>
</head>
<body>

<span style="absolute;margin-top:-12px;">
<table cellspacing="0" cellpadding="0" width="100%" border="0"><tr><td align="left">

<span style="position:absolute;border:1pt solid #c1c1c1;overflow:hidden;width:188px;height:19px;clip:rect(-1px 190px 190px 170px);">
<select name="aabb" id="aabb" style="width:190px;height:20px;margin:-2px;" onChange="javascript:document.getElementById('ccdd').value=document.getElementById('aabb').options[document.getElementById('aabb').selectedIndex].value;">
<option value="" style="color:#c2c2c2;">---请选择---</option>
<option value="闲人书库">闲人书库</option>
<option value="闲人BLOG">闲人BLOG</option>
<option value="<a href="http://www.ayinsky.com" target="_blank">闲人设计</a>"><href="http://www.ayinsky.com" target="_blank">闲人设计</a></option>
<option value="闲人软件">闲人软件</option>
</select>
</span>
<span style="position:absolute;border-top:1pt solid #c1c1c1;border-left:1pt solid #c1c1c1;border-bottom:1pt solid #c1c1c1;width:170px;height:19px;">
<input type="text" name="ccdd" id="ccdd" value="可选择也可输入的下拉框" style="width:170px;height:15px;border:0pt;">
</span>

</td></tr></table>
</span>

</body>
</html>

 

 

分享到:
评论

相关推荐

    c#可输入的下拉列表框

    "C#可输入的下拉列表框"是一种交互式控件,它结合了传统的下拉列表功能和文本输入框的功能,允许用户既可以从中选择已有的选项,也可以自由输入新的值。这种控件在提高用户体验和数据输入灵活性方面起到了重要作用。...

    可输入下拉列表框

    "可输入下拉列表框"是一种结合了传统下拉选择框与输入框功能的创新设计,它允许用户既可以点击下拉选项,也可以直接输入关键词进行搜索。这种元素在数据量较大或需要快速定位信息时尤其有用。下面我们将详细探讨这种...

    可输入的html下拉列表框,自带筛选

    总的来说,"可输入的HTML下拉列表框,自带筛选"是一个结合了HTML、CSS和JavaScript技术的功能实现,它可以提升用户的交互体验,使用户能够更高效地找到并选择目标选项。在实际开发中,我们可以根据项目需求选择不同...

    Android 下拉列表 可手动输入

    总的来说,“Android 下拉列表 可手动输入”是一种结合了输入和选择功能的控件实现,适用于那些既要提供预设选项,又允许用户自由输入的场景。通过这个自定义控件,开发者可以轻松地在项目中集成这一特性,提高应用...

    可编辑的下拉列表框

    标题中的“可编辑的下拉列表框”是指在网页或应用程序中的一种交互元素,它允许用户不仅能够从预设的选项中选择,还能直接编辑输入新的值。这种控件通常用于提供更灵活的数据输入方式,比如在需要用户输入特定项但又...

    控件之可输入的下拉列表 .net

    标题中的"控件之可输入的下拉列表 .NET"指的是一种在.NET环境中实现的UI控件,这种控件允许用户不仅可以选择已有的选项,还能手动输入新的值。这种设计通常用于当预设的选项不能完全满足用户需求时,提供更高的灵活...

    可选择和输入的下拉列表框示例

    在网页设计和开发中,创建一个既可选择又可输入的下拉列表框可以提供用户更灵活的交互体验。这样的设计允许用户在预设的选项中选择,同时也可以自定义输入他们自己的值。这种功能通常用于那些可能有固定选项但又允许...

    VB增强型下拉列表框.7z

    在传统的VB中,ComboBox控件是最常见的下拉列表框,它有两个部分:一个文本输入区域和一个可展开的列表。用户可以点击下拉箭头浏览选项,或者直接在文本输入区键入文本。然而,对于大规模数据集,标准ComboBox的性能...

    LabVIEW实现下拉列表菜单

    在这里,你可以添加字符串值作为菜单选项,每个字符串将作为用户可选择的一个项。你还可以通过编程方式动态地向下拉列表中添加或删除子项,例如,如果你的应用程序需要根据用户操作或数据变化来更新选项。 LabVIEW...

    Web页面可编辑的下拉列表框源码

    在传统的网页设计中,下拉列表框(Dropdown List)通常只允许用户从预设的选项中选择,但这个源码提供了一个创新的解决方案,使得用户不仅可以选择已有选项,还能直接编辑这些选项,甚至添加新的条目。 【描述】...

    动态加载下拉列表框

    在IT领域,动态加载下拉列表框是一种常见的交互设计,特别是在网页或应用程序中。它允许用户从一个可扩展的选项列表中进行选择,而这些选项可能不会一次性全部显示,而是根据用户的操作动态加载。这种技术提高了用户...

    网页表单自动填写——下拉列表框、单选框、复选框自动填写方法

    - **原理**:大多数下拉列表框都为每个选项设置了`value`属性,通过设置该属性的值可以实现自动选择。 - **示例**:假设需要自动选择“河南省”,对应的`value`值为10,则填写属性选择`value`,填写值为10,并设置2...

    下拉列表按键自动选择

    下拉列表,也称为下拉菜单或选择框,是用户界面设计中的一个重要元素,它允许用户从一组预定义的选项中进行选择。而按键自动选择则是指用户在下拉列表中输入字符时,系统会自动匹配并高亮显示与输入字符相匹配的选项...

    WPF 下拉列表框ComboBox扩展控件

    用户可以输入文本,或者从下拉列表中选择一个预定义的选项。在默认情况下,ComboBox仅支持简单的文本项,但通过自定义控件和模板,我们可以将其功能扩展到包含更复杂的数据结构。 扩展ComboBox的关键在于自定义控件...

    可输入文字的下拉列表

    综上所述,“可输入文字的下拉列表”是用户界面设计中的一种高效交互模式,它结合了传统的下拉菜单与自由输入的便利性,为用户提供了一种更加智能和高效的筛选与选择方式。在网页和应用程序的开发中,掌握这一技术...

    表格控件中下拉列表框的使用例子

    下拉列表框(ComboBox)是一种组合输入框和下拉菜单的控件,用户可以输入文本,也可以从下拉的选项列表中选择。在表格控件中使用下拉列表框,通常是为了限制用户输入的范围,保证数据的规范性和一致性。例如,一个...

    C# winform ListView 中实现可编辑文本或双击出现下拉列表框

    对于双击出现下拉列表框,可以使用ComboBox控件。在ListView的`ItemMouseDoubleClick`事件中,我们可以检测双击的列是否是我们期望添加下拉列表的列。如果是,我们可以将ComboBox设置为可见,并填充相应的数据源。...

    CListCtrl 添加编辑框,下拉列表框,时间控件

    在Windows编程中,MFC(Microsoft ...通过添加编辑框、下拉列表框和时间控件,可以使得列表视图不仅用于展示数据,还可以方便地进行数据输入和选择,提高用户的操作效率。在实际开发中,这是一项非常实用的技术。

    模拟下拉列表框,支持手动输入和方向键

    2. **支持手动输入**:在模拟的下拉列表框中,用户可以直接在输入框内键入文本,系统会自动匹配已有的选项或者建议相关的选项。这提高了输入效率,特别是当列表选项众多时,用户无需逐个滚动查找。 3. **方向键导航...

    带有复选框的下拉列表

    在网页设计中,有时我们需要创建一个具有复选框功能的下拉列表,让用户可以多选选项。本示例提供了一种实现这一功能的方法,通过两种技术:使用纯HTML和CSS的DIV控制,以及利用JQUERY库。这两种方法都可以有效地增强...

Global site tag (gtag.js) - Google Analytics