复选框未显示 HTML

Question

我试图在 HTML 中显示一个复选框，但它没有出现。该复选框不会显示在 Chrome 或 Microsoft Edge 中。其他一切正常。我正在使用 Flask、Jinja 和 MaterializeCSS，link：https://materializecss.com/。我还使用 google 图标以及我制作的样式表。

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Home</title>
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
    <!-- Google Icons -->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel="stylesheet" href="./static/styles.css">
</head>
<body>
    <form>
        <input type="checkbox" class="filled-in">
        <p>This Shows</p>
    </form>
</body>
</html>

顺便说一句，如果我在 chrome 中按 Shift-Ctrl-I 并转到控制台，则没有错误（除了没有图标）。

Answer 1

在 materializecss 演示中，他们将输入包装在 label 中以创建特定于 input 的 for 属性。你试过了吗？在上面的代码中，复选框 input 仅包含在 form.

中

复选框未显示 HTML

Checkbox not Showing Up HTML

html

css

materialize