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

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

来源：4-1 编程挑战

HeyShinner

2015-11-04 14:14

<!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://img.mukewang.com/539a972b00013e9102280177.jpg);
        background-position:0 0;
    }
    #button2{
    width:190px;
    height:40px;
    margin:10px 10PX 5PX 10PX;
    background:url(http://img.mukewang.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>

写回答关注

3回答

慕数据0204790

2016-12-20 20:08:23

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

0 1
慕运维2603834

2015-11-11 10:11:52

.........

0 0

Y_du: 2015-11-04 15:10:18

<!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://img.mukewang.com/539a972b00013e9102280177.jpg);
        background-position:0 0;
    }
    #button2{
        width:190px;
        height:40px;
        margin:10px 10PX 5PX 10PX;
        background:url(http://img.mukewang.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>

2 0

Y_du 回复HeyShi...

是的。代码不够简洁

2015-11-05 09:46:40

共 2 条回复 >

CSS Sprite雪碧图应用

必学的大型网站实用技术，让你快速掌握CSS Sprite雪碧图技术

47100 学习 · 228 问题

查看课程

相似问题

各位大神，为什么我的图片没有效果？谢谢~

回答 3