vs code php页面中html代码补全功能失效{疑难}

问题遇到的现象和发生背景

我在使用vs code编辑 php中的html代码的时候，补全代码的功能只能生效一次，例如我在输入第一次style中的相关属性值时，相关代码提示会出现 但是输入完了backgroundcolor属性，设置完值之后，再输入其他属性时，或者我的鼠标点击到了别的地方，自动补全功能的提示就不出现了！
请问各位高授如何解决啊，本人刚开始学，太需要代码补全了。

img

问题相关代码，请勿粘贴截图
<!DOCTYPE html>
<html>
<head>
  <title>Bob's A Parts - Order Results</title>
  <script>
    window.location = "#zhidao"; //自动跳转到锚点处
  </script>
  <style>
    .box1 {
      display: flexbox;
      background-color: #0f0;
      color: #0f0;
    }
  </style>
</head>
<body>
  <h1>bob's Auto Parts</h1>
  <h2>Order Results</h2>
  <div class="box" style="border: 10px; ">
    <?php
    $tireqty = $_POST['tireqty'];
    ?>
  </div>
  <a name="zhidao"></a>
  <!--锚点处-->
</body>
</html>
运行结果及报错内容
我的解答思路和尝试过的方法

文件关联我也试过了了，但是只要把php关联成html，这部分是好了，但是php又不行了，无语啊。
网上各种改setting.josn也都试过了，没有起作用的。

我想要达到的结果

这个问题的主要冲突是因为php和html的代码补全不一样的。我之前的做法是，先把源文件的后缀格式改成html，编辑完了html的结构部分之后，再将文件后缀名改为php，在页面框架内插入php代码。

如果部分不能补全，可能是1-未安装插件；2-可能存在插件冲突

如果没有被VScode识别为html文件

1-ctrl+shift+p

2-change the language mode

3-配置为HTML的就行了

另外上面有一个设置可以把所有的.html后缀的都识别为HTML文件

https://blog.csdn.net/weixin_42353402/article/details/115134670

看下这个文章，看能不能行
https://blog.csdn.net/weixin_36433147/article/details/115881739

之前可以的话，重新启动试试

这个在div类名上就是这样，你可以定义一个style，在下面写，这样就会每行代码提示了，直接写在div那个位置只会提示第一次

vscode 插架市场搜索php，然后安装php intelephense ，然后开始起飞