HTML常见标签 - QQ空间框架 - Locked

urfyyyy   ·   发表于 2018-8-20   ·   CTF&WP专版

<!DOCTYPE html>
<!--不到万不得已,坚决不使用br标签,html标签仅为内容添加语义,不用来修改样式,样式用css控制-->
<html>
    <head>
        <meta charset="utf-8">
        <title>QQ空间</title>
        <style type="text/css">
            a{
                text-decoration:none;
            }
        </style>
    </head>

    <body background="1.png">
        <script>
            function zhuce(){
                window.open("daima.html");
            }
        </script>
        <form action="daima.html" method="post">
            <fieldset>
                <legend>空间-分享生活,留住感动</legend>
                <p>
                    账号:<input type="text" name="account"><br>
                    密码:<input type="password" name="pwd">
                </p>
                    &nbsp;&nbsp;&nbsp;
                    <input type="submit" name="dl" value="登录">
                    <input type="reset" name="cz" value="重置">
                    <input type="submit" name="dl" value="注册" onclick="zhuce()"><br>
                <p>
                    <a href="daima.html">忘记密码</a>
                    <a href="daima.html">注册新账号</a>
                    <a href="#">意见反馈</a>
                </p>
                <p>
                <ul>
                    <li><a href="#">Iphone</a></li>
                    <li><a href="#">Ipad</a></li>
                    <li><a href="#">Android</a></li>
                    <li><a href="#">Windows phone</a></li>
                    <li><a href="#">其他手机</a></li>
                </ul>
                </p>
                <p>
                    <a href="#">反馈建议</a>|
                    <a href="#">官方空间</a>|
                    <a href="#">空间活动</a>|
                    <a href="#">空间应用</a>|
                    <a href="#">腾讯原创馆</a>|
                    <a href="#">QQ互联</a>|
                    <a href="#">QQ登录</a>|
                    <a href="#">社交组件</a>|
                    <a href="#">应用侵权投诉</a>|
                    <a href="#">complaint guidelines</a>
                </p>
                <p>
                copyight&copy;2005-2018&nbsp;Tencent.All&nbsp;Rights&nbsp;Reserved
                </p>
                <p>腾讯公司&nbsp;版权所有&nbsp;粤网文&nbsp;2017&nbsp;&nbsp;&nbsp;&nbsp;6138-1456号</p>
            </fieldset>
        </form>
    </body>
</html>

打赏我,让我更有动力~

2 Reply   |  Until 2018-8-20 | 789 View

urfyyyy
发表于 2018-8-20

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<div>欢迎注册</div>

<form>
    <label for="account">账号:<input type="text" id="account"></label>

 <br><br>

    <label for="pwd">密码:<input type="password" id="pwd"></label>

<br><br>

    <label>性别:
        <input type="radio" name="xb" value="nan">男
        <input type="radio" name="xb" value="nv">女
        <input type="radio" name="xb" checked="checked" value="bm">保密
    </label>
    <br><br>

    <label for="dt">生日:<input type="date" id="dt"></label>
<br><br>
    <label for="ml">邮箱:<input type="email" id="ml"></label>
    <br><br>
    <label for="num">手机:<input type="number" id="num"></label>
    <br><br>
学历 :  <input type="radio" name="study" value="yr">自学成才

        <input type="radio" name="study" value="xx">小学

        <input type="radio" name="study" value="cz">初中

        <input type="radio" name="study" value="gz">高中

        <input type="radio" name="study" value="dx">大学

        <input type="radio" name="study" value="ss">硕士

        <input type="radio" name="study" value="bs">博士

        <input type="radio" name="study" value="best">更高,更强!



<br><br>
爱好 :  <input type="checkbox" name="love" value="sl">睡觉

        <input type="checkbox" name="love" value="cf">吃饭

        <input type="checkbox" name="love" value="ftb">足球

        <input type="checkbox" name="love" value="bskb">篮球

        <input type="checkbox" name="love" value="pingpang">乒乓球

        <input type="checkbox" name="love" value="doudou">打豆豆

        <input type="checkbox" name="love" value="coding">代码

   <br><br>

 技能 : <input type="checkbox" name="work" value="hhttmmll">HTML

        <input type="checkbox" name="work" value="ccss">CSS

        <input type="checkbox" name="work" value="jvscp">JS

        <input type="checkbox" name="work" value="iospg">swift

        <input type="checkbox" name="work" value="cpgr">C语言

 <br><br>

 <p>你来自哪里
 <select>

   <option value="北京">北京</option>

   <option value="上海">上海</option>

   <option value="广州">广州</option>

   <option value="深圳">深圳</option>
 </select></p>

 <p>签名 :
  <textarea rows="6" cols="100">请输入个性签名</textarea></p>

<input type="button" value="返回">

<input type="submit" value="提交">

<input type="reset" value="重置">

 </form>
</body>
</html>

评论列表

  • 加载数据中...

编写评论内容

Track-方丈
发表于 2018-8-20

通过,金币奖励已发放。

评论列表

  • 加载数据中...

编写评论内容
LoginCan Publish Content
返回顶部 投诉反馈

掌控者 © 2016 - 2020. All Rights Reserved. 掌控者

Powered by 掌控者