table tr td

2018-04-05  本文已影响0人  calm_peng

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

<!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>
正确

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

上一篇 下一篇

猜你喜欢

热点阅读