1.用户注册页面

代码展示:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>用户注册</title>
  8. </head>
  9. <body>
  10. <h1 align="center">用户注册</h1>
  11. <form action="check.php" method="post" align="center">
  12. <div>
  13. <label for="uname">用户名:</label>
  14. <input type="text" name="username" id="uname" size="20" placeholder="请输入您的用户名!">
  15. </div>
  16. <div>
  17. <label>密码:&nbsp;&nbsp;&nbsp;</label>
  18. <input type="password" name="password" size="20" placeholder="请输入您的密码!">
  19. </div>
  20. <div>
  21. <label for="Email">Email:</label>
  22. <select name="Email" id="Email">
  23. <option value="Google">@gmail.com</option>
  24. <option value="Wangyi">@163.com</option>
  25. <option value="Qq">@qq.com</option>
  26. </select>
  27. </div>
  28. <div>
  29. <label for="sex">性别:</label>
  30. <input type="radio" value="man" name="sex" checked="checked"><label></label>
  31. <input type="radio" value="woman" name="sex"><label></label>
  32. </div>
  33. <div>
  34. <label for="hobby">爱好</label>
  35. <input type="checkbox" name="hobby[]" id="hobby" value="swiming"><label>游泳</label>
  36. <input type="checkbox" name="hobby[]" id="hobby" value="game"><label>游戏</label>
  37. <input type="checkbox" name="hobby[]" id="hobby" value="basketball"><label>篮球</label>
  38. </div>
  39. <button value="登录" type="submit">提交</button>
  40. </form>
  41. </body>
  42. </html>

效果图:

注册页面效果图

2.简单的后台页面

代码展示:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. <div>
  11. <h1 align="center">管理后台</h1>
  12. <h6 align="right">用户名:Admin</h6>
  13. </div>
  14. <ul type="none">
  15. <li><a href="https://j.map.baidu.com/79/f" target="SS">点击进入百度</a></li>
  16. <li><a href="https://www.sogou.com/" target="SS">点击进入搜狗</a></li>
  17. <li><a href="https://www.so.com/" target="SS">点击进入360</a></li>
  18. </ul>
  19. <iframe frameborder="1" width="500" height="500" name="SS"></iframe>
  20. </body>
  21. </html>

效果图:

简单的后台页面

更多相关文章

  1. 使用HTML制作简单注册页面和后台管理页面
  2. 简单的后台管理页面
  3. html简单导航与简洁课程表代码演示
  4. 实例用户注册及内联框架常用元素代码
  5. 常用表单示例
  6. android中的页面跳转问题解决
  7. Android(安卓)页面自动跳转方法(比如进入app的广告,通过Timer计时
  8. Android(安卓)ScrollView中的组件设置android:layout_height="fi
  9. EditText获取焦点框的颜色改变

随机推荐

  1. go语言int转string的方法
  2. 关于golang cpu性能分析
  3. Goland 2020最新激活码
  4. go语言如何注释
  5. 你知道golang中的闭包的意义和用法吗
  6. go语言主要是用来做什么的
  7. 如何解决go语言乱码问题
  8. 关于Golang 全局sql数据库连接
  9. go语言最适合做什么
  10. go语言string转int的方法