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

HTML选择表单,带有输入自定义值的选项

陈嘉荣
2023-03-14
问题内容

我希望有一个输入字段,用户可以输入自定义文本值或从下拉菜单中选择。普通<select>只提供下拉选项。

我如何才能<select>接受自定义值?例如:福特?

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

问题答案:

HTML5具有内置的组合框。您创建一个文本input和一个datalist。然后,您向中添加一个list属性input,其值为iddatalist

更新: 自2019年3月起,所有主要浏览器(现在包括Safari12.1和iOSSafari12.3)都支持datalist此功能所需的级别。有关详细的浏览器支持。

看起来像这样:

<input type="text" list="cars" />

<datalist id="cars">

  <option>Volvo</option>

  <option>Saab</option>

  <option>Mercedes</option>

  <option>Audi</option>

</datalist>


 类似资料:
  • 我不知道以前有没有人问过这个问题。我要给我爸爸建一个计算器。他问我有没有办法用按钮定制。 我还没有完成任何代码。我打算尝试一些东西。我的研究结果一无所获。 这就是我想要实现的,我感觉它打破了android studio的编码法则。这就是概念: 想象一下计算器。数字上方有8个空白按钮。这些按钮通常具有百分比和sqrt等功能。,。。等 有人问我,他是否可以按住按钮,随意改变这些功能。 所以现在的问题是

  • 我试图创建一个自定义日期选择器,按照留档中的说明,经过很长一段时间,我能够做到,但我仍然收到一个错误,说“函数组件不能给出参考。访问此参考文件的尝试将失败。你的意思是使用React.forwardRef()吗?"我在我的项目中使用打字稿。

  • 我想创建一些表格与自动填充价格在输入框,但我不知道如何实现到我的代码。首先我有选择选项,然后选择选项后,输入框上的价格会自动生成,然后我输入折扣值,然后总价格会自动生成(基本价格-折扣%)。这是我的代码: null null

  • 我有一个select字段,里面有一些选项。现在我需要使用jQuery选择其中一个选项。但当我只知道必须选择的选项的值时,我怎么能那样做呢? 我有以下HTML: null null 我试着用一个标签来做这个,但这不起作用。 请告诉我其他的方法。 提前致谢

  • 我试图用Vuejs 2实现自定义选择组件。如文档中所述,我不应该直接修改值属性,并建议使用事件将选定的数据传递给父组件。当选项值是一个对象时,我遇到了问题,却得到了[Object object]。 这是我的选择组件模板: 这是脚本部分: 这是父组件 选项: 我期待 但得到了[Object object] 我错过了什么吗?

  • 我正在JBoss上使用QueryDSL-JPA,希望在某一点上从一个不同的表中选择一个实体,而不是我通常使用并通过@table进行注释的表。我不想创建一个单独的Java类,因为最终,它应该返回给我与我正在使用的相同的类。