📌  相关文章
📜  如何在 HTML 中显示输入字段的建议?

📅  最后修改于: 2022-05-13 01:56:37.473000             🧑  作者: Mango

如何在 HTML 中显示输入字段的建议?

通常,我们大部分时间都看到,有一个输入字段可以通过键入特定的输入数据或在填写表单时从预定义选项中查看下拉列表来提供自动完成功能。可以使用表单中的 HTML 标记来设计和使用此功能。 标签用于在 HTML 文件中提供自动完成功能。它可以与输入标签一起使用,以便用户可以使用选择数据轻松地在表单中填写数据。在本文中,我们将学习使用 HTML 和 CSS 创建输入建议表单,并实现 标签以启用 HTML 中的自动完成功能。

句法:

 ... 

注意: 标签中使用的元素的 id 属性应该等于 标签中元素的 list 属性,这将有助于将它们绑定在一起。

方法:

  • 创建一个以类为容器的 div。在这个 div 内部,创建另一个 div,其中包含一个类作为文本容器,其中包含 标记和 标记。
  • 将列表属性声明为 标记内的ProgrammingLanguages 。同样,在 标记内将 id 属性声明为与 list 属性相同。
  • 现在,创建用于构建预定义选项的编程语言下拉列表。

我们使用谷歌字体构建了一些很棒的输入表单和装饰文本。为了使用 google 字体,我们需要在样式表中导入以下字体 URL。

我们将通过以下示例了解输入字段建议的概念。

示例:此示例说明了使用 标记在 HTML 中提出输入建议。

HTML


  

    
    
    
  
    

  

    
        

GeeksforGeeks

        

HTML Tag

                 
                                                                                                                                                                                                                                                                            
    
  


输出:

输入建议