Javascript 在TextField中键入不会'；不要让标签浮动

我用材料设计组件制作了一个表单

“我的文本字段”浮动标签在“自动填充”填充输入时浮动，但在用户键入输入时不浮动

函数fillFields（）{
$（“#passwordTextField”）.val（“测试”）；
$（“#usernameTextField”）.val（“测试”）；
}

p.highlight-red-on-error{
过渡：颜色180ms立方贝塞尔（0.4,0,0.2,1）；
}
div.mdc-text-field--无效~p.highlight-red-on-error{
颜色：#b00020；
}

用户名
用户名必须介于3到32个字符之间，并且只能包含字母数字字符



暗语
密码必须至少包含6个字符。不允许使用某些特殊字符


在字段中键入不会浮动标签，但使用自动填充会浮动标签。

填充字段（不浮动标签）
window.mdc.autoInit（）；
//从https://github.com/material-components/material-components-web/tree/master/packages/mdc-auto-init#using-作为材质组件web的一部分

我发现使用

autoInit（）由于某种原因无法工作，因此我必须手动初始化组件

TextFields的一个示例（使用jQuery）是：

$('.mdc-text-field').each(function (i, obj) {
    mdc.textField.MDCTextField.attachTo(obj);
});

以上代码为类
mdc文本字段的所有项应用正确的属性和方法等。我发现使用
autoInit（）由于某种原因无法工作，因此我必须手动初始化组件

TextFields的一个示例（使用jQuery）是：

$('.mdc-text-field').each(function (i, obj) {
    mdc.textField.MDCTextField.attachTo(obj);
});

以上代码为类
mdc文本字段的所有项应用了正确的属性和方法等。我认为数据mdc auto init必须添加到顶级mdc文本字段，而不是输入字段。我自己也遇到了这个问题，将其添加到顶层，并在页面上的onload事件解决了这个问题后调用mdc.autoInit（）
 我认为数据mdc auto init必须添加到顶级mdc文本字段，而不是输入字段。我自己也遇到了这个问题，将其添加到顶层，并在页面上的onload事件解决了这个问题后调用mdc.autoInit（）