[英]Checkbox not Showing Up HTML
我試圖在 HTML 中顯示一個復選框,但它沒有出現。 該復選框不會顯示在 Chrome 或 Microsoft Edge 中。 其他一切正常。 我正在使用 Flask、Jinja 和 MaterializeCSS,鏈接: https://materializecss.com/ 。 我也在使用谷歌圖標,以及我制作的樣式表。
下面是代碼:
<: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 並按 go 到控制台,則沒有錯誤(除了沒有圖標)。
在 materializecss 演示中,他們將輸入包裝在label
中,以創建特定於input
的for
屬性。 你試過嗎? 在上面的代碼中,復選框input
僅包裝在一個form
中。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.