JavaWeb之表单标签的使用

最新推荐文章于 2023-12-07 08:20:34 发布

原创最新推荐文章于 2023-12-07 08:20:34 发布 · 177 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#servlet #html #java

本文解析了一个包含用户名、密码、性别选择和兴趣爱好的前端注册表单，使用HTML构建结构，CSS美化布局，JavaScript进行交互。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="#" method="post" name ="registForm">
    <table align="center" cellpadding="2">
        <tr>
            <td align="right">用户名: </td>
            <td>
                <!--文本框-->
                <input type="text" name="username">
            </td>
        </tr>
        <tr>
            <td align="right">密码: </td>
            <td>
                <input type="password" name="password">
            </td>
        </tr>
        <tr>
            <td align="right">性别: </td>
            <td>
                <!--单选框-->
                <input type="radio" name="male">男
                <input type="radio" name="female">女
            </td>
        </tr>
        <tr>
            <td align="right">爱好： </td>
            <td>
                <!--复选框-->
                <input type="checkbox" name="hobby" value="sing">唱歌
                <input type="checkbox" name="hobby" value="dance">跳舞
                <input type="checkbox" name="hobby" value="code">敲代码
            </td>
        </tr>
        <tr>
            <td align="right">头像： </td>
            <td>
                <!--文件-->
                <input type="file">
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center">
                <!--提交按钮-->
                <input type="submit" value="注册">
                <!--重置按钮-->
                <input type="reset" value="重填">
            </td>
        </tr>
    </table>
</form>
</body>
</html>