<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>Iot 登录页</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"><link rel="stylesheet" href="./style.css"> </head> <body> <!-- partial:index.partial.html --> <div class="m-layout cpc-triadic codepenchallenge" id="container"> <canvas id="canvas3d"></canvas> <div class="m-container m-container--login"> <a class="logo"></a> <form class="m-form"> <h2 class="m-form_title"> 立即登录 </h2> <div class="m-form_group"> <label class="m-form_label" for="username">用户名</label><input class="m-form_input" id="username" name="username" type="text" value="Brawada" /> </div> <div class="m-form_group"> <label class="m-form_label" for="password">密码</label><input class="m-form_input" id="password" name="password" type="password" value="Brawada" /> </div> <div class="m-form_group"> <button class="m-form_btn" type="submit">登录</button> </div> <!-- <div class="m-form_link"> <a class="m-form_btn-register">Register</a> </div> --> </form> </div> </div> <script> var SPE = {}; </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r121/three.min.js"></script> <script src="https://cdn.spline.design/lib/anime.min.js"></script> <script src="https://cdn.spline.design/lib/spline.runtime.min.js"></script> <!-- partial --> <script src="./script.js"></script> </body> </html>