表格如何嵌套表单，如何在用表格给表单排版

最新推荐文章于 2024-09-23 09:54:04 发布

immenselee

最新推荐文章于 2024-09-23 09:54:04 发布

阅读量1.1w

点赞数 5

分类专栏：网页设计学习 html 表格文章标签：表单数据 html

本文链接：https://blog.csdn.net/immenselee/article/details/71046336

版权

网页设计学习同时被 3 个专栏收录

60 篇文章 0 订阅

订阅专栏

html

36 篇文章 0 订阅

订阅专栏

表格

1 篇文章 0 订阅

订阅专栏

表单可以用来传递数据，如何和表格结合就可以很方便地排版了~

可选的属性

大神帮帮我

<html>
<title>form demo
</title>
<body>

    <form method="post" action="demo17.html">
        <table border=1 cellpadding="20%">
        <tr>
            <th>name</th>
            <th>
                <input type="text" name="name" value="lily" size="10">
            </th>
        </tr>
        <tr>
            <th>password</th>
            <th>
                <input type="password" name="psword" size="10">
            </th>
        </tr>
        <tr>
            <th>sex</th>
            <th>
                <input type="radio" name="sex" value="male" checked/> Male   
                <input type="radio" name="sex" value="female" /> Female 
            </th>
        </tr>
        <tr>
            <th> hobby</th>
            <th>

            </th>
        </tr>
        <tr>
            <th>grade</th>
            <th>
                <select name="grade">
            <option value="grade1" selected>1</option>
            <option value="grade2">2</option>
            <option value="grade3">3</option>
            <option value="grade4">4</option>
                </select>
            </th>
        </tr>
        <tr>
            <th>choice</th>
            <th>
                <input type="reset"/>
                <input type="submit"/>
            </th>
        </tr>

        </table>
    </form> 


        name:
        <input type="text" name="name" value="lily" size="10">
        <br>
        password:
        <input type="password" name="psword" size="10">
        <br>
        sex:
        <input type="radio" name="sex" value="male" checked/> Male   
        <input type="radio" name="sex" value="female" /> Female 
        <br>
        hobby:
        <input type="checkbox" name="swim" value="yes"/> I like swimming 
                <input type="checkbox" name="hike" value="yes" checked /> I like hiking 
        <br>
        grade:
        <select name="grade">
            <option value="grade1" selected>1</option>
            <option value="grade2">2</option>
            <option value="grade3">3</option>
            <option value="grade4">4</option>
        </select>
        <br>
        <input type="reset"/>
        <input type="submit"/>
        <br>

    </form>

</body>

</body>
</html>