                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS Sprite雪碧图应用

下面是我写好了的程序我想请问各位大神我的代码还有哪些应该注意的问题？？？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    
<style type="text/css">
    .myForm{
        width:220px;
        height:260px;
        background:#CCDDFF;
    }
    #td1{
        width:180px;
        height:30px;
        margin:10px 10PX 5PX 10PX;
        border:1px solid #AAAAAA;
        padding-left:10px;
    }
    span{font-size:10px;}
    a{font-size:10px;color:blue;}
    #checkbox1{margin-left:10px;}
    #button1{
        width:190px;
        height:40px;
        margin:10px 10PX 5PX 10PX;
        background:url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg);
        background-position:0 0;
    }
    #button2{
    width:190px;
    height:40px;
    margin:10px 10PX 5PX 10PX;
    background:url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg);
    background-position:0 -38px;
    }
</style>

</head>
<body>
<form action="save.php" method="post">
<div class="myForm">
<table>    
    <tr>
        <td><input type="text" name="user-name" placeholder="邮箱/手机号/用户名" id="td1"></td>
    </tr>
    <tr>
        <td><input type="text" name="passwards" placeholder="请输入密码" id="td1"></td>
    </tr>
    <tr>
        <td><input type="checkbox" id="checkbox1"><span>下次自动登录</span><a>&nbsp&nbsp&nbsp&nbsp忘记密码？</a></td>
    </tr>
    <tr>
        <td><input type="button" id="button1"></td>
    </tr>
    <tr>
        <td><input type="button" id="button2"></td>
    </tr>
</table>
</body>
</html>

HeyShinner

2015-11-04

源自：CSS Sprite雪碧图应用 4-1

关注问题我要回答

1038

操作

收起

3 回答

慕数据0204790
2016-12-20

首先，不应该使用<table>标签，因为<table>标签现在已经过时了（就好像现在你称呼别人为‘同志’的情况是一样的），然后div应该不设置高度，让里面的元素自动撑开就行了，其次代码还可以简化，比如你的登录和注册按钮都引用同一张背景图片，可以简写在一行代码中。最后，‘忘记密码？’不应该加空格把它称到右边，应该使它浮动到右边（float：right）

1 回复有任何疑惑可以回复我~

收起回答

慕运维2603834
2015-11-11

.........

0 回复有任何疑惑可以回复我~

收起回答

Y_du
2015-11-04

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
     
<style type="text/css">
    .myForm{
        width:220px;
        height:260px;
        background:#CCDDFF;
    }
    #td1{
        width:180px;
        height:30px;
        margin:10px 10PX 5PX 10PX;
        border:1px solid #AAAAAA;
        padding-left:10px;
    }
    span{
        font-size:10px;
    }
    a{
        font-size:10px;color:blue;
    }
    #checkbox1{
        margin-left:10px;
    }
    #button1{
        width:190px;
        height:40px;
        margin:10px 10PX 5PX 10PX;
        background:url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg);
        background-position:0 0;
    }
    #button2{
        width:190px;
        height:40px;
        margin:10px 10PX 5PX 10PX;
        background:url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg);
        background-position:0 -38px;
    }
</style>
 
</head>
<body>
    <form action="save.php" method="post">
        <div class="myForm">
            <table>    
                <tr>
                    <td>
                        <input type="text" name="user-name" placeholder="邮箱/手机号/用户名" id="td1">
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="text" name="passwards" placeholder="请输入密码" id="td1">
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" id="checkbox1">
                            <span>下次自动登录</span>
                            <a>&nbsp&nbsp&nbsp&nbsp忘记密码？</a>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="button" id="button1">
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="button" id="button2">
                    </td>
                </tr>
            </table>
        </div>　//标签要成对出现
    </form> //标签要成对出现
</body>
</html>

0 回复有任何疑惑可以回复我~

收起回答

HeyShinner 提问者

除了标签成对出现以外还有什么问题呢？比如说代码不够简洁啊之类的问题……

2015-11-04 回复有任何疑惑可以回复我~

Y_du 回复 HeyShinner 提问者

是的。代码不够简洁

2015-11-05 回复有任何疑惑可以回复我~