jquery - 物化 css:电子邮件和密码标签在浏览器自动填充上重叠
问题描述
我正在使用 matralize css 登录和注册表单。在电子邮件和密码字段中,我在注册表单和登录表单中都有重叠问题。
<div class="row" style="margin-top: 21px;">
<div class="input-field col s12">
<input id="email" type="email" class="validate" name="user_login"
required="" autocomplete="off" >
<label for="email">Email Address</label>
</div>
<div class="input-field col s12">
<input id="password" type="password" class="autofill validate"
name="password" required="">
<a class="forgot" href="{"auth.recover_password"|fn_url}">Forgot?</a>
<label for="password">Password</label>
</div>
</div>
在 JS 中
$(document).ready(function() {
M.updateTextFields();
});
解决方案
确保包含具体化 js 文件。当包含 js 文件时,您的代码正在运行。
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>
jsfiddle 链接 - https://jsfiddle.net/eof64tuh/
推荐阅读
- java - 可以在 Kotlin 中使用 LocalDateTime 作为 RequestParam 吗?
- angular - 如何使用通配符过滤 MatTableDataSource
- react-native - AuthContext 未定义反应原生
- vue.js - 如何基于 package-lock.json 为生产基地部署 Vue.js 应用程序
- pandas - 如何堆叠 pd.DataFrame 直到它变成 pd.Series?
- html - Angular 打字稿处理发布请求数据
- r - 如何让控制台光标回到R中的行首?
- spring - SpelEvaluationException:试图在空上下文对象上调用方法
- python - Django + Postgres: saving PDF file with NUL (0x00) characters to DB and decoding it back to PDF
- twig - 显示链接到分类术语的 ACF 自定义字段的正确 Twig 语法是什么