美文网首页
table tr td

table tr td

作者: calm_peng | 来源:发表于2018-04-05 10:47 被阅读0次

    一个表格有它的元素,行 列,有这两个组合才产生 单元格。
    必须都要有。
    像坐标一般其元素,不可少,否则其意思不对

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <table border="1px">
            <tr>
                <td>1</td>
                <td>1-1</td>
            </tr>
            <tr>
                <td>2</td>
                <td>2-2</td>
            </tr>
        </table>
    </body>
    </html>
    
    例子

    如果只写tr 不写td :

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <form action="" method="get">
            <table >
                <tr>请输入你的名字:<input type="text" name =" usersname"></tr>
                <tr>请输入你的年龄:<input type="text" name ="usersage" ></tr>
                <tr>请输入你的密码:<input type="text" name = "userskey-0"></tr>
                <tr>请再次输入你的密码:<input type="text" name = "userskey-1"></tr>
            </table>
        </form>
        
    </body>
    </html>
    
    
    错误的
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <form action="" method="get">
            <table border="1px">
                <tr>
                    <td>请输入你的名字:<input type="text" name =" usersname"></td>
                </tr>
                <tr>
                    <td>请输入你的年龄:<input type="text" name ="usersage" ></td>
                </tr>
                <tr>
                    <td>请输入你的密码:<input type="text" name = "userskey-0"></td>
                        
                </tr>
                <tr>
                    <td>请再次输入你的密码:<input type="text" name = "userskey-1">
                    </td>
                </tr>
            </table>
    
    
    
        </form>
        
    </body>
    </html>
    
    正确

    看起来就几行,有一列的啦。

    相关文章

      网友评论

          本文标题:table tr td

          本文链接:https://www.haomeiwen.com/subject/yiurhftx.html