HTML：表单和表格的嵌套

_卷心菜_

于 2021-12-09 11:28:20 发布

阅读量1.3k

点赞数 1

分类专栏： java Web搭建文章标签： html 前端

本文链接：https://blog.youkuaiyun.com/Thumb_/article/details/121809894

版权

java Web搭建专栏收录该内容

41 篇文章

订阅专栏

这是一个关于HTML表单的示例。表单包含了姓名输入框、性别选择（男/女）、密码输入框以及兴趣爱好的多选框。用户可以选择电影、音乐或美术作为兴趣爱好。表单提交的URL为'http://api.abc.com/user'，提交方式为POST，且表单字符集为UTF-8。提供了重置和注册两个按钮，分别用于清空表单数据和提交表单。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>表单</title>
    </head>
    <body>
        <form action="http://api.abc.com/user" method="post" name="test" enctype="UTF-8">
            <table>
                <tbody align="center">
                    <tr>
                        <td>姓名</td>
                        <td><input type="text" maxlength="10" value="文本"></td>
                    </tr>
                    <tr>
                        <td>性别</td>
                        <td align="left"><input type="radio" name="gender" value="0">男<input type="radio" name="gender" value="1">女</td>
                    </tr>
                    <tr>
                        <td>密码</td>
                        <td><input type="password" value="密码"></td>
                    </tr>
                    <tr>
                        <td>兴趣爱好</td>
                        <td><input type="checkbox" value="0">电影
                            <!-- 默认设置 -->
                            <input type="checkbox" checked value="1">音乐
                            <input type="checkbox" value="2">美术</td>
                    </tr>
                    <tr>
                        <td><button type="reset">重置</button></td>
                        <td><button type="submit">注册</button></td>
                    </tr>
                </tbody>                
            </table>            
        </form>
    </body>
</html>

在这里插入图片描述