HTML 组合框,带有输入条目的选项

2023-12-12

我的印象是,除了选择列表中已有的任何值之外,您还可以在组合框中键入内容。但是,我似乎无法找到有关如何执行此操作的信息。我需要添加一个属性来允许输入文本吗?


Before datalist(参见下面的注释),您需要提供额外的input供人们输入自己的选项的元素。

<select name="example">
  <option value="A">A</option>
  <option value="B">B</option>
  <option value="-">Other</option>
</select>

<input type="text" name="other">

这个机制适用于所有浏览器并且不需要 JavaScript.

您可以使用一点 JavaScript 来巧妙地只显示input如果选择了“其他”选项。

数据列表元素

The datalistelement 的目的是为这个概念提供更好的机制。在某些浏览器中,例如iOS Safari 检查我可以使用页面以查看当前的数据列表支持.

<input type="text" name="example" list="exampleList">
<datalist id="exampleList">
  <option value="A">  
  <option value="B">
</datalist>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

HTML 组合框,带有输入条目的选项 的相关文章

  • 如何显示接下来的三个图像单击加载更多按钮

    我需要一个加载更多按钮来显示图像 页面加载时 我显示 3 个图像 单击 加载更多 按钮后 接下来的 3 个图像将显示在屏幕上 我尝试了下面的代码 但它不起作用 你能帮我解决这个问题吗 function item slice 0 2 show
  • 如何从 JavaFX 中的 ComboBox 中获取所选项目?

    我有组合框cbxTabPane 包含选项卡 选项卡 t 和一个按钮b1 所以点击这个按钮b1 它添加了一个新选项卡t在 TabPane 中 并在 ComboBox 中添加一个新项目cbx包含相同名称的选项卡 问题是我不知道如何从中获取该物品
  • 如何将MathJax公式转换为img

    Mathjax 现在在我的项目中运行良好 但有一个问题 有没有办法将MathJax的公式 纯html和css 转换成img文件 我可以保存 MathJax 可以配置为生成 SVG 看http docs mathjax org en late
  • 我应该创建一个块还是一个元素 BEM CSS?

    Bem官网说 创建一个块如果一段代码可以被重用并且它不依赖于正在实现的其他页面组件 创建一个元素如果一段代码在没有父实体 块 的情况下无法单独使用 我有一个 关于部分 块 它的元素依赖于父级并且不能在网站中重复使用 如何根据 bem 这段代
  • 使用变量显示文本的 HTML

    我正在 HTML 中创建一个复选框 如下所示
  • 如何使用 XPath 通过 CSS 类查找元素?

    我的网页里有一个div with a class named Test 我怎样才能找到它XPath 该选择器应该可以工作 但如果将其替换为适合的标记 则会更有效 contains class Test 或者 因为我们知道所寻找的元素是div
  • 需要存储表的属性值以用于空手道中的断言

    我有一个情况 定位器没有文本值 但它的名为 title 的属性有一个我需要断言的文本值 在为其编写自定义定位器时 我只能获取文本值 而不是特定的属性值 例如 title abcdd Example div class table cell
  • 在phonegap中的两个html页面之间传递数据

    我正在使用phonegap 来创建移动应用程序 我不想将所有内容都放在一个 html 页面中 因此我创建了其中的一些内容 每一个都附有 js 文件 如何在这些 html 页面之间发送数据 最便携和最简单的方法是使用本地存储 http doc
  • 如何创建多列列表?

    我有一个 有序列表 其中包含大约 100 个 列表项 这使得我的页面很长 用户不得不滚动太多 我怎样才能让 UL 显示如下 1 6 11 2 7 12 3 8 13 4 9 14 5 10 15 如果您不关心垂直顺序 而只关心布局 1 2
  • 推荐的 HTML 格式化程序脚本/实用程序? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 重置 div 内容的 css 样式

    有一个用 css 样式定制的 html 页面 我无法更改此 css 该页面的一个标签被设计为动态 html 数据的容器 我怎样才能 重置 这个div的css设置 页面中定义的css样式对此div的内容没有影响 我只能访问动态 html 并且
  • 如何在同一个

    中设置两种不同的字体大小

    我有一段 HTML 代码 我一直坚持不下去 我怎样才能将这个文本的第一部分的字体大小设置为 20px 以及后面的文本 br 标签字体大小为 15px 或者 如果我做的完全错误 我该如何做而不将它们放在不同的标签中 p Los Santos
  • 正则表达式从 img 标签获取 src 值

    我正在使用以下正则表达式来获取src第一个的值imgHTML 文档中的标签 string match src
  • 为什么该消息没有出现在 Chrome 中的手风琴上方?

    我正在尝试新的 HTML5 验证 当我尝试使用required里面的属性
  • 获取输入图像类型选择的图片并加载到图像标签中

    所以 我有一个用于上传 img 文件的输入框 我想要做的是从该数据 或选定的源 中获取数据并将其路由到图像标签的 src 属性中 像这样的东西 http jsfiddle net QC2c4 http jsfiddle net QC2c4
  • 如何去除html源代码中的空格

    我正在使用 django 和 python 在模板文件中 我有一个下拉列表 如下所示 有用 唯一的问题是源 html 代码之间有很多空白 有什么办法可以去除空白吗 谢谢 for lang ele in video languages all
  • 为什么 Firefox 关闭空 html 标签?

    我注意到在 Firefox 中 当我查看源代码时 它会向空标签项添加结束标签 例如 hr and img src image jpg 在 Firefox 中查看源代码我明白了 hr and img src image jpg 该文档是 HT
  • CreateJs Canvas 形状在 Windows Phone 上丢失坐标

    我正在制作一个 Createjs 和 html5 项目 在其中绘制一个形状 红色圆圈 当我单击圆圈时它会发出警报 它在所有台式机和 Android 手机上都能正常工作 除非我在 Windows Phone 中打开它 否则它在普通屏幕上工作正
  • 在画布上剪出圆形图像

    我正在使用 html5 canvas 并且我正在创建一个游戏 可以将您的脸部上传到游戏中 并将其用作主要角色 不幸的是 游戏中的角色是圆形的 就像笑脸一样 那么这将如何完成呢 是否可以拍一张照片 然后将其剪成一个圆 这样圆之外的任何东西都是
  • 文件和目录条目 API 在 Chrome 中损坏?

    我正在尝试使用文件和目录条目 API 创建一个文件上传器工具 该工具允许我将文件和目录的任意组合放入浏览器窗口中 以供读取和上传 我完全意识到 可以通过使用文件输入元素来实现类似的功能webkitdirectory已启用 但我正在测试一个用

随机推荐

  • Windows Phone 8.1 上的资源限定符

    Windows Phone 8 1 应用程序是否支持资源限定符 例如秤 这些限定符与 Windows 应用商店应用程序中的限定符有何不同 是 Windows Phone 8 1 RT 支持图像缩放 具体方法如下
  • Presto:前一个月的最后一天

    我有一个日期列表 我想返回前一个月的最后日期 如下例所示 date lastdayofmonthprior 2018 04 03 2018 03 31 我努力了date trunc month date 2018 04 03 1但是 我收到
  • 启用身份验证后无法连接到 MongoDB

    我正在运行适用于 Ubuntu 14 04 的最新 MongoDB 我创建了一个名为 admin 且具有 userAdminAnyDatabase 角色的用户 我可以在本地和外部访问数据库 我可以使用 SHA SCRAM 1 使用 admi
  • C:从文本文件读入结构数组

    我正在制作的程序应该从文本文件中读取数字并保存数字总数 即结构中数字的平均值 我有一个如下所示的结构 struct seriepost int totnr int outnr float average 函数 未完成 如下所示 int re
  • MapView注释不拖动

    我正在尝试在地图视图中实现可拖动的 图钉 实际上是自定义图标 这是我拥有的委托代码 MKAnnotationView mapView MKMapView mapView viewForAnnotation id
  • 如何修复代码警报“通用对象注入接收器”

    下面是我的代码 我认为没有任何问题 我怎样才能愚弄codacy 如果我不能使用obj key 那这东西到底是什么 我没有办法避免 handleClick e titleProps gt const index titleProps cons
  • 使用 Object.assign 避免 Typescript 构造函数中的冗余

    我有一个 Typescript 应用程序 其中有很多这样的代码 class Model prop1 string prop2 string prop3 string constructor input ModelInput this pro
  • EL上下文路径评估outputLink和graphicImage之间的差异

    我正在使用以下内容在我们的应用程序中获取帮助文档 我的问题是 虽然
  • 读取多模块项目中的属性文件

    您好 我有一个项目 它有两个具有以下结构的模块 project Module1 abc jsp Module2 src main java com xyz comp Action java resources
  • Kivy - 向选项卡按钮添加图标

    我在 Kivy 中使用 TabbedPanel 它工作得很好 但我想稍微自定义一下选项卡按钮并在文本旁边添加一个图标 Right now I have something like this And I would like somethi
  • 如何在窗外画画?

    看着一个窗户tooltips类提示窗口 我看到它绘制了阴影outside提示窗口的实际矩形 Using SpyXX 我可以获得工具提示的窗口矩形和类样式 Rectangle 440 229 544 249 104x20 Restored R
  • url 域的正则表达式

    我如何从这些网址进行匹配 http foo bar com http bar com foo bar从第一个链接和bar从第二个链接使用一个正则表达式 尝试这个 http com 以下是如何从 Python 使用它 import re fo
  • rspec 错误“report_activate_error”:找不到 RubyGem rspec-core (>=0) (Gem:LoadError)

    我有一个看似简单的错误 但我似乎不知道如何解决它 我尝试过卸载并重新安装 但这并没有帮助我 我是终端和 ruby ruby on Rails 的新手 所以请原谅我可能愚蠢的问题 有谁知道如何解决这个问题 这是我尝试运行 rspec 时收到的
  • 如何移动到 Kafka 消费者中的特定偏移量而不遇到 ValueError?

    我正在使用 python 3 9 16 和 kafka python 版本 2 0 2 我正在我的 Macbook Pro IOS 11 6 5 上运行 Kafka 新手 现在只是在玩它 我不确定问题是什么 也不确定为什么我的解决方法有效
  • 如何在没有 web.xml 的情况下使用 Jersey 作为 JAX-RS 实现?

    我读过JavaEE 6 web xml是可选的 所以没有web xml 我如何告诉应用服务器使用 Jersey 作为 JAX RS 规范的实现 AlexNevidomsky 写了什么他的回答是正确的 就如何在没有 web xml 的情况下实
  • Python - 仅使用过滤器和 lambda 删除列表中的重复项

    我需要删除列表中没有集合 函数或循环的重复项 仅通过使用过滤器和 lambda 函数 我的尝试是 list filter lambda x x in l remove x l 但删除会返回已删除的项目 而不是整个列表 有什么建议么 你需要以
  • Android - 由于回收问题而无法检查自定义列表视图中的所有复选框?

    我有一个自定义列表视图适配器 带有图像视图 文本视图和复选框 我的主布局中还有一个按钮和一个复选框 不在列表视图中 我想要的是当我检查主布局的复选框时立即检查所有这些列表视图复选框 我将这些复选框的状态保存在布尔类型数组列表中 这样当我逐一
  • Python 字典迭代顺序意外排序。为什么? [复制]

    这个问题在这里已经有答案了 字典由连续的整数键填充 如下所示 d dict for i in range 0 10 d i 100 i 之后 字典项会像这样迭代 for k v in d items print k v 结果显示项目按数字顺
  • 矩阵乘法:为什么非阻塞优于阻塞?

    我试图通过阻止循环来提高缓存性能来加速矩阵乘法算法 但无论矩阵大小 块大小如何 非阻塞版本仍然明显更快 我已经尝试了 2 到 200 之间的许多值 效力 2 及其他 和优化级别 非阻塞版本 for size t i 0 i lt n i f
  • HTML 组合框,带有输入条目的选项

    我的印象是 除了选择列表中已有的任何值之外 您还可以在组合框中键入内容 但是 我似乎无法找到有关如何执行此操作的信息 我需要添加一个属性来允许输入文本吗 Before datalist 参见下面的注释 您需要提供额外的input供人们输入自