zoukankan      html  css  js  c++  java
  • 10.17

    用div,form制作登录页面,尽可能做得漂亮。

    练习使用下拉列表选择框,无序列表,有序列表,定义列表。

    
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>广州商学院</title>
    </head>
    <body>
    <h1 align="center"><a href="http://www.gzcc.cn/"target="_blank">广州商学院</a></h1>
    <hr>
    <div id="container" style="400px">
    <div id="header" style="background-color:#FFA500"><h2>登录</h2></div>
    <div id="content">
    <form>
    用户名:<input type="text" name="username" placeholder="请输入用户名"><br>
    密码:<input type="password"><br>
    <input type="radio" name="role" value="stu">student
    <input type="radio" name="role" value="tea">teacher
    <br>
    <input type="checkbox">记住我<br>
    <input type="button" value="logn"><a href="">忘记密码?</a>


    </form>
    </div>
    <div id="end" style="background-color:#FFA500"><i>版权@abc</i></div>
    </div>
    <div>
    <select>
    <option>收藏</option>
    <option>点赞</option>
    <option>评论</option>
    </select>
    <ul>
    <li>python</li>
    <li>html</li>
    </ul>
        <ol>
    <li>python</li>
    <li>html</li>
    <li>c++</li>
    </ol>

    </div>

    <a href="http://news.gzcc.cn/html/2017/xiaoyuanxinwen_0620/7690.html"target="_blank"><img src="http://oa.gzcc.cn/uploadfile/2017/0915/20170915114305119.jpg"></a>



    </body>
    </html>
     

  • 相关阅读:
    电脑与欧姆龙plc通过网络通信
    photometric_stereo halcon光度立体法三维表面重建
    WPF实现放大镜
    备忘
    Halcon模板匹配
    C# Halcon联合编程问题(二)
    C# Halcon混合编程中遇到的问题(一)
    各个平台的解释
    python数据结构的性能测试
    docker container里面为什么不用装OS
  • 原文地址:https://www.cnblogs.com/chenyanxi123/p/7680095.html
Copyright © 2011-2022 走看看