A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© emmm... 中级黑马   /  2018-1-8 21:55  /  2081 人查看  /  9 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

<!DOCTYPE html>
<html>

        <head>
                <meta charset="UTF-8">
                <title></title>
                <style>
                        .a {
                                width: 100%;
                                border: 0px solid black;
                                float: left;
                        }
                       
                        foot {
                                color: red;
                                font-size: 100px;
                                position: absolute;
                                left: 600px;
                                top: 200px;
                        }
                </style>
                <script>
                       
                        function checkFrom() {
                                        var username = document.getElementById("username").value;
                                        if(username == "") {
                                                alert("用户名不能为空!");
                                                return false;
       
                                        }
                                       
                                        var passwork = document.getElementById("passwork").value;
                                        if(passwork == "") {
                                                alert("密码不能为空");
                                                return false;
       
                                        }
       
                                        var epasswork = document.getElementById("epasswork").value;
                                        if(epasswork != passwork) {
                                                alert("输入的两次密码不一致");
                                                return false;
                                        }
                                        return true;

                                }
                        var num = 1;

                        function show1(a) {
                                num = num + a;
                                if(num < 1) {
                                        num = 10;
                                }
                                if(num > 10) {
                                        num = 1;
                                }
                                var i = document.getElementById("l1");
                                i. src = num + ".jpg";
                                var time = 10;
                        }
                        var s;

                        function show() {
                               
                                s = setInterval("print()",500);
                        }
                        var time=10;

                        function print() {
                                var f2 = document.getElementById("i2");
                                time--;
                                if(time == 0) {
                                        time=10;
                                        f2.src=time+".jpg";
                                } else {
                                        f2.src=time+".jpg";
                                }
                        }
                        function tips(id,content){
                                document.getElementById(id+"span").innerHTML="<font color='red'>"+content+"</font>";
                        }
                        function checkusername(){
                                document.getElementById("usernamespan").innerHTML="<font color='green'>用户名可以使用</font>"
                        }
                        function mima(){
                                document.getElementById("passworkspan").innerHTML="<font color='green'>密码可以使用</font>"
                        }
                </script>
        </head>

        <body background="5.jpg">
                <div class="a" style="height: 50px;">
                        <div class="a" style="width: 33%; height: 100%;"><img src="10.jpg" width="100%" height="100%" /></div>
                        <div class="a" style="width: 33%; height: 100%;"><img src="8.jpg" width="100%" height="100%" /></div>

                        <div style="padding-top: 20px;">
                                <a href="1.jpg">登陆</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                <a href="1.jpg">登陆</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                <a href="1.jpg">登陆</a>
                        </div>
       
                </div>
                <div  style="clear: both;"></div>
                <div  style="border: 0px solid red; width: 100%;height: 300px; background: url(10.jpg);">
                        <div style="float: left; width: 80%; height: 200px; margin-left: 500px; ">
                                <form action="lx1.html" method="post">
                                        <table bgcolor="aliceblue" style=" margin-top: 100px;">
                                                <tr>
                                                        <td>用户名</td>
                                                        <td>
                                                                <input type="text" name="username" id="username"/><span id=usernamespan ></span>
                                                        </td>
                                                </tr>
                                                <tr>
                                                        <td>密码</td>
                                                        <td>
                                                                 <input type="password" name="passwork" id="passwork"  onfocus="tips('passwork','密码至少需要6位')" /><span id=passworkspan  ></span>
                                                        </td>
                                                </tr>
                                                <tr>
                                                        <td>确认密码</td>
                                                        <td>
                                                                <input type="password" name="epasswork" id="epasswork"  />
                                                                <span id=spasswork></span>
                                                        </td>
                                                </tr>
                                                <tr>
                                                        <td>邮箱</td>
                                                        <td>
                                                                <input type="email" />
                                                        </td>
                                                </tr>
                                                <tr>
                                                        <td>性别</td>
                                                        <td>
                                                                男<input type="radio" name="1" value="" />女<input type="radio" name="1" value="" />
                                                        </td>
                                                </tr>
                                                <tr>
                                                        <td>爱好</td>
                                                        <td>
                                                                游戏<input type="checkbox" name="1" value="" />数据<input type="checkbox" name="1" value="" />电脑<input type="checkbox" name="1" value="" />笔记本<input type="checkbox" name="1" value="" />游山玩水<input type="checkbox" name="1" value="" />
                                                        </td>
                                                </tr>
                                                <tr>
                                                        <td>
                                                                <input type="submit" value="提交申请" />
                                                        </td>
                                                </tr>
                                        </table>
                                </form>
                        </div>
                </div>
                <div style="clear: both;"></div>
                <div style="width: 100%;height: 40px; border: 0px solid black;">
                        <a href="4.jpg"><b>咨询</b></a>&nbsp;&nbsp;&nbsp;&nbsp;
                        <a href="4.jpg"><b>服务</b></a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="4.jpg"><b>售后        </b></a>
                </div>
                <!--<div>
                        <img src="1.jpg" width="500Ppx" height="200px" id="l1"/>
                </div>
                <a href="#">上一个&lt;&lt;</a>|<a href="#">下一个&gt;&gt;</a>
               
                <div>-->
                        <img src="1.jpg" width="500Ppx" height="200px" id="i2" border="0px" style="margin-left: 400px;" />
                </div>
        </body>
</html>

9 个回复

倒序浏览
66666666666666
回复 使用道具 举报
满满的代码啊
回复 使用道具 举报
看着你们这么坚持,我都好感动!加油
回复 使用道具 举报
漫长的学习,还是4个月呢
回复 使用道具 举报

期待继续更新~~~
回复 使用道具 举报

自从打完代码发现,这些代码真少。
回复 使用道具 举报
xiongliu 发表于 2018-1-9 16:27
漫长的学习,还是4个月呢

还在水深火热中残喘四个多月
回复 使用道具 举报
emmm... 发表于 2018-1-11 21:57
还在水深火热中残喘四个多月

开心点,,,
回复 使用道具 举报

吸烟有害身体健康~
天 慢慢的 昏沉,
只 剩下你 一人,
指间的烟 渐 渐 麻 痹 你的 双眼~~
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马