最近练手的最恶心的网页（MD这么长的代码）。。。

最新推荐文章于 2022-02-10 21:54:05 发布
最新推荐文章于 2022-02-10 21:54:05 发布
阅读量644 收藏
点赞数
分类专栏： web前端 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/run_the_youth/article/details/50815254
版权

HTML源码。。。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册-企业用户</title>
    <link rel="stylesheet" type="text/css" href="JD.css">
</head>
<body>
    <div id="header">
        <div id="w">
            <div id="header_left">
                <a href="javascript:void(0);">收藏京东</a>
            </div>
            <div id="header_right">
                <ul class="right_1">
                    <li id="loginbar">
                        <a class="link-login" href="javascript:void(0);">你好，请登录</a>
                        <a class="link-regist" href="javascript:void(0);">免费注册</a>
                    </li>
                    <li class="fore2 ld">
                        <s id="s"></s>
                        <a href="javascript:void(0);">我的订单</a>
                    </li>
                    <li class="fore3">
                        <s id="s1"></s>
                        <a href="javascript:void(0);">手机京东</a>
                    </li>
                    <li class="fore4">
                        <s id="s2"></s>
                        <a href="javascript:void(0);">客户服务</a>
                    </li>
                    <li class="fore5">
                        <s id="s3"></s>
                        <a href="javascript:void(0);">网站导航</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div id="logo">
        <div id="logo_1">
            <a href="javascript:void(0);">
                <img height="60" width="170" alt="京东商城" src="/images/JD.png"></img>
            </a>
            <b id="b"></b>
        </div>
    </div>
    <div id="regist">
        <div class="mc">
            <div id="kong">  </div>
            <div id="form">
                <h3>账户信息</h3>
            </div>
            <div id="form_1">
                <div id="item">
                    <span class="label">
                        <b class="ftx04">*</b>
                        用户名：
                    </span>
                    <div class="z1">
                        <input id="regNane" type="text" ></input>
                    </div>
                </div>
                <div id="item">
                    <span class="label">
                        <b class="ftx04">*</b>
                        请设置密码：
                    </span>
                    <div class="z1">
                        <input id="regNane" type="text" ></input>
                    </div>
                </div>
                <div id="item">
                    <span class="label">
                        <b class="ftx04">*</b>
                        请确认密码：
                    </span>
                    <div class="z1">
                        <input id="regNane" type="text" ></input>
                    </div>
                </div>
            </div>
            <div id="form">
                <h3>公司信息</h3>
            </div>
            <div id="form_1">
                <div id="item">
                    <span class="label">
                        <b class="ftx04">*</b>
                        公司名称：
                    </span>
                    <div class="z1">
                        <input id="regNane" type="text" ></input>
                    </div>
                </div>
                <div id="item">
                    <span class="label">
                        <b class="ftx04">*</b>
                        公司所在地：
                    </span>
                    <div class="z1">
                        <select class="z2">
                            <option value="xz">请选择</option>
                            <option value="bj">北京</option>
                            <option value="sh">上海</option>
                            <option value="xa">西安</option>
                            <option value="ya">延安</option>
                            <option value="gz">广州</option>
                            <option value="wh">武汉</option>
                        </select>
                    </div>
                    <div class="d1">
                        <select class="z2">
                            <option value="xz">请选择</option>
                            <option value="bj">北京</option>
                            <option value="sh">上海</option>
                            <option value="xa">西安</option>
                            <option value="ya">延安</option>
                            <option value="gz">广州</option>
                            <option value="wh">武汉</option>
                        </select>
                    </div>
                    <div class="p1">
                        <select class="z2">
                            <option value="xz">请选择</option>
                            <option value="bj">北京</option>
                            <option value="sh">上海</option>
                            <option value="xa">西安</option>
                            <option value="ya">延安</option>
                            <option value="gz">广州</option>
                            <option value="wh">武汉</option>
                        </select>
                    </div>
                </div>
                <div id="item">
                    <span class="label">
                        <b class="ftx04">*</b>
                        公司地址：
                    </span>
                    <div class="z1">
                        <input id="regNane" type="text" ></input>
                    </div>
                </div>
                <div id="item">
                    <span class="label">
                        <b class="ftx04">*</b>
                        购买类型/用途：
                    </span>
                    <div class="z1">
                        <input type="checkbox" name="vehicle" value="Bike" >IT设备</input>
                        <input type="checkbox" name="vehicle" value="Bike" >数码通讯</input>
                        <input type="checkbox" name="vehicle" value="Bike" >办公用品耗材</input>
                        <input type="checkbox" name="vehicle" value="Bike" >大家电</input>
                        <input type="checkbox" name="vehicle" value="Bike" >项目合作-政府采购</input>
                        <input type="checkbox" name="vehicle" value="Bike" >礼品</input><br/>
                        <input type="checkbox" name="vehicle" value="Bike" >商旅(机票/酒店等)</input>
                    </div>
                </div>
                <div id="item">
                    <span class="label">
                        推荐人手机：
                    </span>
                    <div class="z1">
                        <input id="regNane" type="text" ></input>
                    </div>
                </div>
                <div id="item">
                    <span class="label">
                        企业人数：
                    </span>
                    <div class="z1">
                        <select class="z9">
                            <option value="xz">请选择</option>
                            <option value="bj">1-49</option>
                            <option value="sh">50-99</option>
                            <option value="xa">100-499</option>
                            <option value="ya">500-999</option>
                            <option value="gz">1000以上</option>
                        </select>
                    </div>
                </div>
                <div id="item">
                    <span class="label">
                        公司行业：
                    </span>
                    <div class="z1">
                        <select class="z8">
                            <option value="xz">请选择</option>
                            <option value="bj">计算机软件</option>
                            <option value="sh">计算机硬件</option>
                            <option value="xa">网络</option>
                            <option value="ya">保险</option>
                            <option value="gz">其他</option>
                        </select>
                    </div>
                </div>
                <div id="item">
                    <span class="label">
                        公司性质：
                    </span>
                    <div class="z1">
                        <select class="z7">
                            <option value="xz">请选择</option>
                            <option value="bj">政府机关/事业单位</option>
                            <option value="sh">国营</option>
                            <option value="xa">私营</option>
                            <option value="ya">中外合资</option>
                            <option value="gz">其他</option>
                        </select>
                    </div>
                </div>
            </div>
            <div id="form">
                <h3>联系人信息</h3>
            </div>
            <div id="form_1">
                <div id="item">
                    <span class="label">
                        <b class="ftx04">*</b>
                        联系人姓名：
                    </span>
                    <div class="z1">
                        <input id="regNane" type="text" ></input>
                    </div>
                </div>
                <div id="item">
                    <span class="label">
                        <b class="ftx04">*</b>
                        所在部门：
                    </span>
                    <div class="z1">
                        <select class="z6">
                            <option value="xz">请选择</option>
                            <option value="bj">办公室</option>
                            <option value="sh">技术部</option>
                            <option value="xa">采购部</option>
                            <option value="ya">人力资源</option>
                            <option value="gz">其他</option>
                        </select>
                    </div>
                </div>
                <div id="item">
                    <span class="label">
                        <b class="ftx04">*</b>
                        固定电话：
                    </span>
                    <div class="z1">
                        <input id="regNane" type="text" ></input>
                    </div>
                </div>
                <div id="item">
                    <span class="label">
                        <b class="ftx04">*</b>
                        验证手机：
                    </span>
                    <div class="z1">
                        <input id="regNane" type="text" ></input>
                    </div>
                </div>
                <div id="item">
                    <span class="label">
                        <b class="ftx04">*</b>
                        短信验证码：
                    </span>
                    <div class="z1">
                        <input id="regNane" type="text" ></input>
                    </div>
                    <div class="z5">
                        <input id="regname" type="button" value="获取短信验证码"></input>
                    </div>
                </div>
                <div id="item">
                    <span class="label">
                        联系人邮箱：
                    </span>
                    <div class="z1">
                        <input id="regNane" type="text" ></input>
                    </div>
                </div>
                <div id="item">
                    <span class="label">
                        <b class="ftx04">*</b>
                        验证码：
                    </span>
                    <div class="z1">
                        <input id="regNane" type="text" ></input>
                    </div>
                </div>
            </div>
            <div id="form_1">
                <div id="u1">
                    <input type="checkbox" name="vehicle" value="Bike">我已阅读并同意<a href="javascript:void(0);">《京东用户注册协议》</a></input>
                </div>
            </div>
            <div id="form_1">
                <div id="u1">
                    <input class="sb" type="button"  value="立即注册"></input>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

css源码。。。

body{
    background-color: #F2F2F2;
    font-family: Arial,"宋体";
    font-size: 12px;
    color: #333;
    line-height: 150%;
    margin: 0;
}
#w{
    width: 990px;
    padding: 0 auto;
    margin-left: auto;
    margin-right: auto;
}
#header{
    background-color: #FAFAFA;
    width: 100%;
    line-height: 30px;
    margin: 0;
    height: 30px;
    padding: 0; 
    border-bottom: 1px solid #eee;
    margin-top: -12px;
}
#header a{
    text-decoration: none;
    color: #333;
}
#header_left{
    float: left;
    margin: 0;

}
#header_right ul{
    list-style: none;

}

.link-regist{
    margin-left: 10px;
}
#loginbar{
    height: 30px;
    padding: 0 11px 0 12px;
    margin: 0;
    float: left;
}
.link-login{
    float: left;
}
#header_right{
    margin-left: 475px;

}
#s{
    top: 9px;
    left: 0;
    width: 0px;
    height: 12px;
    border-left: 1px solid #DDD;
    overflow: hidden;
    margin-left: -325px;
    margin-right: 10px;
}
.fore2{
    float: right;
    position: relative;
    margin: 0;
}
.fore3{
   position: relative;
   float: left;
   margin: 0;
}
#s1{
    margin-left: 65px;
    top: 9px;
    left: 0;
    width: 0px;
    height: 12px;
    border-left: 1px solid #DDD;
    overflow: hidden;
    margin-right: 10px;
}
.fore4{
   position: relative;
   float: left;
   margin: 0;
}
#s2{
    margin-left: 10px;
    top: 9px;
    left: 0;
    width: 0px;
    height: 12px;
    border-left: 1px solid #DDD;
    overflow: hidden;
    margin-right: 10px;
}
.fore5{
   position: relative;
   float: left;
   margin: 0;
}
#s3{
    margin-left: 10px;
    top: 9px;
    left: 0;
    width: 0px;
    height: 12px;
    border-left: 1px solid #DDD;
    overflow: hidden;
    margin-right: 10px;
}
#logo_1{
    width: 990px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
}
#b{
  position: absolute;
  background: url(/images/JD_1.png) no-repeat;
  top: 40px;
  left: 370px;
  width: 111px;
  height: 46px;
  margin: 0;
  padding: 0;
}
#regist{
    margin-bottom: 10px;
    background: #FFF;
    width: 990px;
    padding: 0px;
    margin: 0 auto;
    height: 1501px;
    border: 1px solid #DDDDDD;
}
#mc{
    padding: 22px 0 20px;
    border: solid #DDD;
    border-width: 0px 1px 1px;
    overflow: hidden;
    margin: 0;
}
#kong{
    background-color: #fff;
    width: 990px;
    min-height: 22px;

}
#form{
    background-color: #F7F7F7;
    border-top: 1px solid #DDDDDD;
    min-height: 30px;
}
#form h3{
    margin-left: 20px;
    margin-top: 5px;
    color: #333333;
    font-family: "微软雅黑";
    font-weight: normal;
}
#form_1{
    width: 990px;
    height:210;
    padding-top: 10px;
}
#item{
    padding-top: 9px;
    height: 58px;
    line-height: 34px;
    position: relative;
}
.label{
    width: 290px;
    text-align: right;
    font-size: 14px;
    color: #999;
    padding-right: 10px;
    float: left;
}
.ftx04{
    font-family: "宋体";
    margin-right: 5px;
    font-weight: normal;
    color: #F00;
}
#regNane{
    width: 238px;
    height: 16px;
    padding: 9px 25px 9px 5px;
    border: 1px solid #ccc;
    float: none;
    font-size: 14px;
}
.z1{
    float: left;
}
.d1{
    float: left;
    margin-left: 10px;
}
.z2{
    width: 67px;
    height: 35px;
}
.p1{
    float: left;
    margin-left: 10px;
}
.z9{
    width: 86px;
    height: 35px;
}
.z8{
    width: 310px;
    height: 35px;
}
.z9{
    width: 145px;
    height: 35px;
}
.z7{
    width: 145px;
    height: 35px;
}
#regname{
    width: 110px;
    height: 35px;
    background-color: #F4F4F4;
    border: 1px solid #DDDDDD;
    margin-left: 15px;
}
.z6{
    width: 80px;
    height: 35px;
}
#regNane1{
    width: 130px;
    height: 35px;
}
#u1{
    margin-left: 300px;
}
.sb{
    background-color: #E1373A;
    width: 270px;
    height: 36px;
    color: #fff;
    font-family: "微软雅黑";
    font-size: 16px;
    font-weight: 800;
    border: 0;
    border-radius: 2px;
}

总结。。。
先看图
这里写图片描述
图片中的简单的下拉菜单如何实现？
看代码。。

<select class="z2">
      <option value="xz">请选择</option>
      <option value="bj">北京</option>
      <option value="sh">上海</option>
      <option value="xa">西安</option>
      <option value="ya">延安</option>
      <option value="gz">广州</option>
      <option value="wh">武汉</option>
</select>

没错就是它。。。

小贺。
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
pollution:这是一个关于污染的网站
05-30
污染 这是一个关于污染的网站
网页恶意代码全集大观
热门推荐
生活要精彩
02-23 2万+
大家上网时自己的IE有时不知怎么回事，首页、标题栏等各项都改成他们的宣传和广告，十分让人头疼，现在把他们的内幕提示出来！ 　　其实这些都是利用了ACTIVE和JS做到的，我们来看这段危险代码。如果浏览了这个网页的话IE跟系统都会被修改得不象样，仅仅可以使用WINDOWS的基本程序。够狠的了。  　　下面的java程序究竟在搞什么鬼？我们来逐步分析它： //启动ActiveX，以便可以
IIS 错误代码大汇总
箫箫博客
10-14 2196
400 无法解析此请求。　　401.1 未经授权：访问由于凭据无效被拒绝。 　　401.2 未经授权: 访问由于服务器配置倾向使用替代身份验证方法而被拒绝。 　　401.3 未经授权：访问由于 ACL 对所请求资源的设置被拒绝。 　　401.4 未经授权：Web 服务器上安装的筛选器授权失败。 　　401.5 未经授权：ISAPI/CGI 应用程序授权失败。 　　401.7 未经授权：由于 Web
十七项网页恶意代码，别去害人啊！
domino的专栏
01-27 1万+
1、格式化硬盘 scr.Reset(); scr.Path="C://windows//Men?inicio//Programas//Inicio//automat.hta"; scr.Doc="wsh.Run(start /m format a: /q /autotest /u);alert(IMPORTANT : Windows is configuring the system. Pl
网站恶意代码公开
殷高兴的专栏
03-19 8847
A、死循环代码：『把下列代码加入到网页中，可达到如上效果』说明：当含有这段代码的网页被人点击，连接就会不断的打开IE浏览器，直到你的系统资源浪费到0％～只有重新启动才能正常使用！预防方法：禁用所有的ActiveX控件和插件！因为这是一个ActiveX教本程序～B、恐怖的大图片：『把下列代码加入到网页中，可达到如上效果』说明：当打开这样的网页，IE会不断的解释试图打开，但由于图片实在太大，超出了其处
微信小程序练手项目-音乐播放器(完整代码)
最新发布
01-06
微信小程序练手项目-音乐播放器(完整代码)微信小程序练手项目-音乐播放器(完整代码)微信小程序练手项目-音乐播放器(完整代码)微信小程序练手项目-音乐播放器(完整代码)微信小程序练手项目-音乐播放器(完整代码)微信...
微信小程序练手项目-知乎日报(完整代码)
01-06
微信小程序练手项目-知乎日报(完整代码) 微信小程序练手项目-知乎日报(完整代码) 微信小程序练手项目-知乎日报(完整代码) 微信小程序练手项目-知乎日报(完整代码) 微信小程序练手项目-知乎日报(完整代码) 微信小程序...
scrapy入门练手项目源代码.rar
03-12
scrapy练手实战项目，由简入深，适合入门练习。尤其是刚刚入门scrapy的，了解python基本语法的。项目涉及到许多知识点，一层一层慢慢深入。代码有详细注释。
详解50行代码，Node爬虫练手项目
10-17
贵校课程资料民间整理
butterfly练手代码
04-27
butterfly的使用代码，可下载后用于学习，参考里面的框架大家和jar包
黄页
02-14
黄页
网站流氓
02-18
网站流氓
浏览器错误代码
wnk1997的博客
02-10 2997
200 – 服务器成功返回网页 404 – 请求的网页不存在 503 – 服务不可用 1xx（临时响应） 表示临时响应并需要请求者继续执行操作的状态代码。 代码 说明 100 （继续） 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 101 （切换协议） 请求者已要求服务器切换协议，服务器已确认并准备切换。 2xx （成功） 表示成功处理了请求的状态代码。 代码 说明 200 （成功） 服务器已成功处理了请求。 通常，这表示服务器提供了请求的网页
一作恶的网站强制弹出窗口代码
我的笔记
04-09 1003
var dblove = "6BF52A52-394A-11D3-B153-00C04F79FAA6"; function extnny(){ if(window.event.clientY} function brsnny(){ document.body.innerHTML+=""; } var MyhoueURL = 'http://www.test.com/';eval("window.a
网页颜色代码表
liwu556677的专栏
10-30 2万+
网页颜色代码表：以下样色显示您可能觉得不够精确，这和电脑显示器有直接关系。您可查看颜色代码，绝对正确，绝无重复。 红色和粉红色，以及它们的16进制代码。 #990033 #CC6699 #FF6699 #FF3366 #993366 #CC0...
收集十七项网页恶意代码(转)
gprime的专栏
07-19 1605
1、格式化硬盘 ＜object id="scr" classid="clsid:06290BD5-48AA-11D2-8432-006008C3FBFC"＞ ＜/object＞ ＜script＞ scr.Reset(); scr.Path="C://windows//Men?inicio//Programas//Inicio//automat.hta"; scr.Doc="＜object id=w
（已解决）代码过长超出文本框 markdown editor编辑器 Django项目
weixin_42468029的博客
07-23 2012
Django项目建博客网站，当我们post文章上，原始的TextField()基本满足不了我们的要求，为了使我们自己的文章看上去高大上，我们用插入ckeditor,或者是Markdown编辑器，而代码功能一般大家都会加上，然后高亮，这些我们不赘述，很多大佬都出了很详细的教程。 但是我的代码块，出现了两个问题，一个是代码块背景，一个是一行代码过长时，直接超出了文章宽度，简直要飞出天际了。 效果图如下...
5行搞死浏览器经典代码
LLG
01-22 464
Crash firefox, chrome, safari browsers, and also restart iphone using this javascript code. #dos #0day #exploit //使用下面这段JavaScript代码能让firefox，chrome，safari浏览器崩溃，而且还能让iphone重启。 html> body> script> var
HTTP网页错误代码大全带解释
weixin_33672400的博客
11-12 472
HTTP网页错误代码大全带解释 HTTP 400 - 请求无效HTTP 401.1 - 未授权：登录失败HTTP 401.2 - 未授权：服务器配置问题导致登录失败HTTP 401.3 - ACL 禁止访问资源HTTP 401.4 - 未授权：授权被筛选器拒绝HTTP 401.5 - 未授权：ISAPI 或 CGI 授权失败 HTTP 403 - 禁止访问HTTP 403 - 对 Intern...
用训练完的mnist模型手写数字识别python代码
06-07
以下是使用训练好的MNIST模型进行手写数字识别的Python代码： ```python import numpy as np from keras.models import load_model from PIL import Image # 加载训练好的模型 model = load_model('mnist_model.h5...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值