<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1 align="center">用户登录</h1> <div id="centainer"> <div id="header" p style="background-color:rgb(192,192,192)"> <h3 align="center">login in</h3></div> <div id="centent" align="center"> <form action="" p style="background-color:rgb(0,255,0)"> Username： <input type="text" placeholder="请输入用户名"> <br> Password： <input type="password" placeholder="请输入密码"> <br> <input type="radio" name="role" value="student">student <input type="radio" name="role" value="teacher">teacher <br> <input type="checkbox" value="true"><span>记住我</span><a href="登录遇到问题">登录遇到问题</a><br> <p align="center"> <input type="button" value="login" onclick="登录验证"> </form> </div> <div id="footer" p style="background-color:rgb(255,255,0)"><h5 align="center">版权@</h5></div> <p align="center"> <select> <option>收藏</option> <option>点赞</option> <option>评论</option> </select></p> </div> </body> <style> h1{ color:red; } </style> </html>
结果如下图所示：
原文：http://www.cnblogs.com/yuanyinglin/p/7683870.html