<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>注册</title></head><body><h2>用户注册</h2><form action="register.php" method="post"><div><label for="uname">用户名:</label><input type="text" id="uname" name="username" placeholder="用户名不能为空" autofocus /></div><div><label for="psw">密码:</label><input type="password" id="psw" name="password" placeholder="密码不能为空" /><button onclick="showPassword(this,this.form.password)">查看密码</button></div><div><label for="secret"> 性别:</label><input type="radio" id="male" name="sex" value="male" /><label for="male">男</label><input type="radio" id="female" name="sex" value="female" /><label for="female">女</label><input type="radio" id="secret" name="sex" value="secret" checked /><label for="secret">保密</label></div><div><label for="secret"> 爱好:</label><input type="checkbox" id="game" name="hobby[]" value="game" /><label for="game">打游戏</label><input type="checkbox" id="trave" name="hobby[]" value="trave" checked /><label for="trave">看美女</label><input type="checkbox" id="shoot" name="hobby[]" value="shoot" checked /><label for="shoot">听音乐</label></div><label for="">学历:</label><select name="edu" id=""><option value="0" selected disabled>--请选择--</option><option value="1">小学</option><option value="2">初中</option><option value="3">高中</option><option value="4">大学</option><option value="5">文盲</option></select></div><div><button>提交</button></div></form><script>function showPassword(btn, ele) {if (ele.type === 'password') {ele.type = 'text';btn.textContent = '隐藏';} else {ele.type = 'password';btn.textContent = '显示';}}</script></body></html>
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>超级管理后台</title><style>body {height: 100vh;width: 100vw;display: grid;grid-template-columns: 10em 1fr;grid-template-rows: 6em 1fr;margin: 0;}body .header {grid-column-end: span 2;border-bottom: 1px solid currentColor;background-color: lightskyblue;padding: 2em;display: flex;align-items: center;}body .header div {margin-left: auto;}body .nav {background-color: lightgreen;margin: 0;padding-top: 1em;list-style: none;}body iframe {width: calc(100vw - 10em);height: calc(100vh - 6em);border-left: 1px solid currentColor;}</style></head><body><!-- 后台顶部 --><div class="header"><h1>网站后台管理系统</h1><div><em>admin</em><a href="logout.php">退出</a></div></div><!-- 左侧导航 --><ul class="nav"><li><a href="/admin/index.html" target="content">首页</a></li><li><a href="/admin/dingdan.html" target="content">订单管理</a></li><li><a href="/admin/yonghu.html" target="content">用户管理</a></li><li><a href="/admin/xiaoshou.html" target="content">销售管理</a></li></ul><!-- 右侧内容区 --><iframe srcdoc="<a href='javascript:;'>演示效果请点击左侧菜单</a>" frameborder="1" name="content"></iframe></body></html>
相关推荐
