pug 模板引擎中是否有类似 datalist(html 5) 或类似功能的等效功能？答案

【问题标题】：Is there any equivalent feature like datalist(html 5) or similar one in pug template engine?pug 模板引擎中是否有类似 datalist(html 5) 或类似功能的等效功能？
【发布时间】：2018-06-20 19:18:33
【问题描述】：

我在 pug 模板视图中有一个小表单。其中我有一个特定字段，我从数据库中查询并显示为供用户选择的选项。但是如果首选选项不可用，那么我想要用户手动输入并提交。在 html5 中我使用 datalist 完成了此操作，它非常简单。但是有什么方法可以使用 pug 视图执行此操作。请帮助我。

表格看起来像这样

    extends layout

    block content
      h1 #{title}
      form(method='POST', action='/projects/reg_project')
        #form-group
          input.form-control(name='name', type='text' placeholder='Name' value=username)
          br
        #form-group
          input.form-control(name='email', type='text' placeholder='Email' value=email)
          br
        #form-group
          input.radio-inline(name='position',type='radio',value='team')
          label Team
          input.radio-inline(name='position',type='radio',value='individual')
          label Lone wolf
          br
        #form-group
<!--right now it is simple text field,I need to change something similar to datalist view -->
          input.form-control(name='teamname', type='text' placeholder='TeamName')
          br
        #form-group
          input.form-control(name='project_title', type='text' placeholder='Project Title')
          br
        #form-group
          textarea.form-control(name='project_description' placeholder='Project Description')
          br
        #form-group
          input(type='checkbox' name='experience') 
          label Done project before
        #form-group
          input(type='checkbox' name='mentor' checked) 
          label Mentor needed

        input.btn.btn-primary(type='submit',value='Submit')

哈巴狗可以做吗？

【问题讨论】：

标签： pug

【解决方案1】：

当然，你可以使用相同的语法

input(id='inp1' list='browsers')

datalist(id='browsers')
    option(value='IE')
    option(value='FF')

【讨论】：