zoukankan      html  css  js  c++  java
  • web基础,用html元素制作web页面

    <!DOCTYPE html>
    < lang="en">
    <head>
        <meta charset="UTF-8">
        <title>登陆界面</title>
    </head>
    <h1>
     用户界面
    </h1>
    <body>
    <div id="container" style=" 400px">
    <div id="header" style="background-color: aqua"><h2 align="center">登陆</h2></div>
    <div id="content">
        <form action="">
            username:<input type="text" name="user" placeholder="请输入用户名"><br>
            password:<input type="password" name="password">
            <br>
            <input type="radio" name="role" value="stu">student
            <input type="radio" name="role" value="tea">teacher
            <br>
            <input type="checkbox" value="true"><span>rember</span> <a href=""> 登陆问题请点</a><br>
            <input type="button" value="login" onclick="alert('登陆验证')">
            <input type="button" value="cancel">
        </form>
    </div>
    
    <div id="footer" style="background-color: aqua ; clear: both ; text-align: center"><i>@版权</i></div>
    </div>
    <div>
            选择<select>
                <option>点击</option>
                <option>收藏</option>
                <option>关注</option>
            </select>
        <ul>
            <li>python</li>
            <li>html</li>
        </ul>
        </div>
    
    
    </body>
    </html>

    用户界面

    username:
    password:
    student teacher
    rember 登陆问题请点
    选择
    • python
    • html
  • 相关阅读:
    AOJ 718.计算GPA
    AOJ 11.Rails
    AOJ 592.神奇的叶子
    AOJ 10.目标柏林
    洛谷P1030求先序排列
    vijos1514天才的记忆
    洛谷2016战略游戏
    LOJ10155数字转换
    洛谷2014选课
    洛谷2015二叉苹果树
  • 原文地址:https://www.cnblogs.com/zheng01/p/7680177.html
Copyright © 2011-2022 走看看