当前位置: 首页 > 知识库问答 >
问题:

HTML5 datalist无法识别自动完成函数中的数字

丰誉
2023-03-14
<h2>Text datalist</h2>
<p>Try typing "Greece"</p>
<input id="text" list="textList" />
<datalist id="textList">
  <option>Greece</option>
  <option>Italy</option>
  <option>Spain</option>
</datalist>

<h2>Number datalist</h2>
<p>Try typing a number (no autocomplete function)</p>
<input id="num" list="numList" />
<datalist id="numList">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
  <option>7</option>
  <option>8</option>
  <option>9</option>
  <option>0</option>
</datalist>

共有1个答案

陈弘厚
2023-03-14

查看datalist是如何工作的:

如果选项中只有一个字符,并且您键入了该字符,则没有理由在下拉列表中显示已经键入的字符

因此,如果存在

<datalist id="textList">
  <option>g</option>
  <option>i</option>
  <option>s</option>
</datalist>
<datalist id="textList">
      <option>0</option>
      <option>1</option>
      <option>2</option>
    </datalist>
 <datalist id="textList">
          <option>01</option>
          <option>11</option>
          <option>22</option>
        </datalist>

这种情况总是会发生,例如,您的代码:

<datalist id="textList">
  <option>Greece</option>
  <option>Italy</option>
  <option>Spain</option>
</datalist>

当您键入healice时,整个text fromm选项会消失,不是吗。所以,当只有一个字符在选项中时,这正是发生在你身上的事情。

JSFiddle

 类似资料:
  • 问题内容: 这可能是因为我累了,或者我是Postgres的新手。但是,我试图在函数中使用临时表,而postgres抱怨“关系不存在”。但是,如果我接受函数的主体并执行它,就可以正常工作。下面是我尝试创建的函数类型的示例。请记住,我已经剥离了所有有趣的内容,以至于几乎没有显示我的问题的最低限度。 我收到的投诉是关于插入声明的。实际的投诉是: postgres是否不支持函数中的临时表?还是有一些语法方

  • 本文向大家介绍PowerShell函数参数设置成自动识别数据类型的例子,包括了PowerShell函数参数设置成自动识别数据类型的例子的使用技巧和注意事项,需要的朋友参考一下 本文介绍PowerShell自定义函数中使用参数集时,怎么设置系统自动识别参数的数据类型。 识别参数类型的一个好处就是,在使用参数集时,不需要每次都指定参数名称了。 请看下面这个Test-Binding函数。这个PowerS

  • 我有一个小麻烦使用的日期。 我想我已经先用jquery声明了我的源代码,然后用datatable声明了我的源代码(我在他们的网站上检索包含最新版本的链接),但是当我加载网页时,我总是会收到相同的错误消息: 未捕获的语法错误:意外的标记{jQuery。延迟的异常:$(…)。DataTable不是函数类型错误:$(…)。DataTable不是一个函数 这显然是一个已知的问题,经过一些研究后我意识到了这

  • 我的函数每次我调用它抱怨非穷尽模式时都会抛出一个异常 并行检查的定义如下: 在应用了-Wall的GHCI中运行函数只会返回 我对哈斯克尔相当陌生,也相当困惑。我认为模式匹配与和应该解决这个问题。

  • 我试图从我的jar启动另一个Java进程,我使用的是ProcessBuilder: 错误:无法创建Java虚拟机。错误:发生致命异常。程序将退出。无法识别的选项:-类路径“C:\absoulte\path\library.jar;C:\absoulte\path2\library2.jar;C:\absoulte\path3\library3.jar”

  • 我有一个用Java编写的SQL查询,如下所示: 是否可以发送值,将其转换为,并使其在雪花中工作?