引导材质浮动标签在自动填充上不起作用

是因为浏览器自动填充功能会覆盖掉浮动标签的样式。当浏览器自动填充表单时，它会自动为输入框添加样式，这可能导致浮动标签无法正确显示。

为了解决这个问题，可以使用以下方法之一：

1. 使用JavaScript监听输入框的变化事件，并根据输入框的值来判断是否显示浮动标签。这样可以在自动填充后重新设置浮动标签的样式。
2. 使用伪元素来创建浮动标签的效果，而不是使用实际的标签。通过在输入框的父元素上添加伪元素，并使用CSS样式来模拟浮动标签的效果，可以避免被浏览器自动填充覆盖。
3. 使用其他的表单库或框架，例如React、Vue等，它们通常提供了更好的自定义性和控制性，可以更容易地解决这个问题。

总结起来，引导材质浮动标签在自动填充上不起作用是因为浏览器自动填充功能会覆盖掉浮动标签的样式。解决这个问题的方法包括使用JavaScript监听输入框的变化事件、使用伪元素来创建浮动标签的效果，或者使用其他表单库或框架来提供更好的自定义性和控制性。