码迷,mamicode.com
首页 > Web开发 > 详细

web基础,用html元素制作web页面

时间:2017-10-17 21:50:47      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:用户   value   用户名   each   输入密码   sel   type   用户登录   role   

<!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>

结果如下图所示:

技术分享

 

web基础,用html元素制作web页面

标签:用户   value   用户名   each   输入密码   sel   type   用户登录   role   

原文地址:http://www.cnblogs.com/yuanyinglin/p/7683870.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!