欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

前端学习1-标签

程序员文章站 2022-07-01 23:10:55
Title
<!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>

上一篇： 表单设计新手指导手册

下一篇： --save-dev或--save-的区别

推荐阅读