小编Nic*_*Bot的帖子

使用MDL进行Chrome自动填充类型="密码"

我目前正在使用谷歌的MDL(Material Design Lite)在我的网站上工作,我有一点问题.

在此输入图像描述

正如你所看到的,星星在好地方,但密码留在这里(他在点击或按键盘后移动)

我的代码非常简单:

<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
    <input class="mdl-textfield__input" type="text" name="mail">
    <label class="mdl-textfield__label">Adresse Email</label>
</div>
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
    <input id="test" class="mdl-textfield__input" type="password" name="password">
    <label class="mdl-textfield__label">Password</label>
</div>
Run Code Online (Sandbox Code Playgroud)

代码是通常的和基本的.问题是,在MDL(链接在这里:https://www.getmdl.io/components/index.html#textfields-section)中没有密码类型,所以我总是从以前遇到问题.

我想为我的客户端保留chrome自动填充,因此禁用它不是一个选项.有没有办法改变这个问题?

谢谢 !

html google-chrome css3 material-design material-design-lite

5
推荐指数
1
解决办法
2385
查看次数