前端学习1-标签

Posted 2022-08-06 lqdby

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端学习1-标签相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<form>
    <fieldset style="width:500px;">
        <legend align="center">注册信息</legend>
        <table cellspacing="0px">
            <tr>
                <td><label for="username">用户姓名：</label></td>
                <td><input id="username" type="text"/></td>
            </tr>
            <tr>
                <td><label for="pwd">用户密码：</label></td>
                <td><input id="pwd" type="password"/></td>
            </tr>
            <tr>
                <td><label for="confirm">确认密码：</label></td>
                <td><input id="confirm" type="password"></td>
            </tr>
            <tr>
                <td><label>用户性别:</label></td>
                <td>男<input type="radio" name="sex" value="男" checked="checked">女<input type="radio" name="sex"
                                                                                        value="female"></td>
            </tr>
            <tr>
                <td><label for="age">用户年龄：</label></td>
                <td><input id="age" type="text"></td>
            </tr>
            <tr>
                <td><label for="email">用户邮箱：</label></td>
                <td><input id="email" type="text"></td>
            </tr>
            <tr>
                <td>星期爱好：</td>
                <td>足球<input type="checkbox" name="hobby" value="foottball" checked="checked"/>
                    篮球<input type="checkbox" name="hobby" value="basketball"/>
                    排球<input type="checkbox" name="hobby" value="volleyball"/>
                </td>
            </tr>
            <tr>
                <td valign="bottom">个人简介：</td>
                <td><textarea name="resume" cols="22" rows="6"></textarea></td>
            </tr>
            <tr>
                <td>个人靓照</td>
                <td><input name="choose_file" type="file" value="选择文件"/></td>
            </tr>
            <tr>
                <td colspan="2"><input name="commit" style="width:50px;height:30px" type="submit" value="提交">
                    &nbsp;&nbsp;&nbsp;&nbsp;<input style="width:50px;height:30px" name="cancel" type="button"
                                                   value="取消"></td>
            </tr>
        </table>
    </fieldset>
</form>
</body>
</html>

以上是关于前端学习1-标签的主要内容，如果未能解决你的问题，请参考以下文章