将表单输入字段内容转换为 HTML5 数据列表

我有一个工作表单，我想将输入字段转换为使用 HTML5 数据列表，以便它们自动完成，我在网上尝试了各种示例，但由于某种原因我没有让它工作。

我还应该补充一点，数据以从 api 返回的 json 文件开始，我将其转换为数组，如果有更好的方法从 json 数据开始，可能会很重要。

任何帮助将不胜感激。

谢谢

戈登

旧工作代码

<select name="group[]">
    <option value=""></option>
    <?php
        foreach ($groups as $group) {
    ?>
        <option value="
            <?php echo $group["name"];?>">
            <?php echo $group["name"];?>
        </option>
    <?php
        }
    ?>
</select>

新代码的最新尝试

<input type="text" id="groups" list="groups" />
<datalist id="groups">
    <?php foreach ($groups as $group) {
            echo "<option value=" . $group['name'] . "</option>" ;
        }
    ?>
</datalist>

解决方案，睡在上面后想通了！ 希望对别人有帮助

<input type="text" id="groups" list="group" id="grp"/>
  <datalist id="group">
     <?php foreach ($groups as $group) { ?>
         <option value="<?php echo $group['name']; ?>">
         <?php echo $group['name']; ?></option>
     <?php } ?>
</datalist>

echo "<option value=" . $group['name'] . "</option>" ; 

echo "<option value=" . $group['name'] . "></option>" ;
                                          ^ closing tag. Missing here

<input list="browsers" name="browser">
<datalist id="browsers">
   <option value="Internet Explorer">
   <option value="Firefox">
   <option value="Chrome">
   <option value="Opera">
   <option value="Safari">
</datalist>
<input type="submit">