当前位置: 首页 > 面试题库 >

HTML组合框,带有用于键入条目的选项

丰佐
2023-03-14
问题内容

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


问题答案:

在此之前datalist(请参见下面的注释),您将提供其他input元素供人们输入自己的选项。

<select name="example">

  <option value="A">A</option>

  <option value="B">A</option>

  <option value="-">Other</option>

</select>



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

该机制 可在所有浏览器中使用,并且不需要JavaScript

input如果选择了“其他”选项,您可以使用一点JavaScript来聪明地仅显示。

datalist元素旨在为该概念提供更好的机制。重要的是,它不支持Safari,iOS Safari或Opera Mini。Internet
Explorer的实现也存在一些问题。该信息将过时,因此,请检查我可以使用以查看当前数据列表支持以获取更多最新信息。
(iOS Safari≥12.2支持此功能)

<input type="text" name="example" list="exampleList">

<datalist id="exampleList">

  <option value="A">

  <option value="B">

</datalist>


 类似资料:
  • 我想在 WPF 中创建一个顶部有一个项的组合框,当它被选中时,选定项应设置为 null(重置为默认状态)。我一直在寻找,但没有找到令人满意的解决方案。 如果可能的话,我希望它只使用XAML代码或附加的行为来实现,因为我不太喜欢更改视图的ViewModel中的内容,或者重写标准控件。 这是我到目前为止想出的(缩短代码): 我认为最好的方法是以某种方式添加一个事件触发器,当项目被选中时,该触发器将设置

  • 这是我第二次发布相同的问题,直到现在都没有得到答案。 我有一个组合框,下面是商店(ExtJs 2.3) 组合存储: 分配 会议 工资 我在键上过滤组合,这样“薪水”项就不会显示在列表中,它工作正常。但是由于组合框项也可以通过键入iside combobox来选择,所以我在组合框的keyUp和beforeQuery上编写了以下代码。 这成功地过滤掉了“薪水”选项,但现在我无法像以前一样通过键入内部组

  • 问题内容: 我在通过实体框架查询访问的数据库中有一个设置表。这些设置具有复合键:类别,组,名称,目标,已修改。这些设置显然还包含诸如值之类的非关键字段。 我将如何编写查询以提供相同设置(类别,组,名称,目标)中的最新设置? 更具体地说,我希望所有最新的设置实体(包括非关键字段)都与特定的类别,组,目标组合匹配。 例如:为我提供所有目标的所有最新设置,其中“类别”是“数据库”,而“组”是“超时”。

  • 问题内容: 我们正在使用Selenium WebDriver和JBehave在我们的Web应用程序上运行“集成”测试。我有一种方法,可以在表单输入中输入一个值。 但是,当我尝试使用它在下拉列表中选择一个项目时,它(毫无疑问)失败了 java.lang.UnsupportedOperationException:您只能设置作为输入元素的元素的值 如何在组合中选择一个值? 问题答案: 这是怎么做的:

  • 我在后台有< code>ViewModel(实现< code > INotifyPropertyChanged )和类< code>Category,它只有一个< code>string类型的属性。我的ComboBox SelectedItem绑定到类别的实例。当我更改instance的值时,SelectedItem没有更新,Combobox也没有更改。 编辑:代码 组合框: 物业: 我尝试的是:

  • 我有一个带有进度条的组合框示例。 我想在应用程序运行时显示一个进度条,其中包含正在运行的后台进程。当我将鼠标移到进度条上时,我想看到所有进程。但由于某些原因,代码无法正常工作-当我选择进度条时,没有显示进度条。你能帮我识别这个密码吗。