web二级基本操作题（用户注册表）

最新推荐文章于 2024-11-11 11:28:49 发布

wawa0611

最新推荐文章于 2024-11-11 11:28:49 发布

阅读量73

点赞数

文章标签： html

本文链接：https://blog.csdn.net/weixin_47475151/article/details/132952527

版权

运用HTML知识，完成如图所示效果，要求对“个人介绍”的文本框命名。点击提交按钮时，将表单数据发送给服务器。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!-- ********FOUND********* -->
<form action="#">
    <table border="1px" cellpadding="7" cellspacing="0" align="center" width="450px">
        <caption><h1>用户注册表</h1></caption>
        <tr>
            <th>用户名</th>
            <td>
                <input type="text" id="username">
                <span></span>
            </td>
        </tr>
        <tr>
            <th>密码</th>
            <td>
                <!-- ********FOUND********* -->
                <input type="password" id="password">
                <span></span>
            </td>
        </tr>
        <tr>
            <th>性别</th>
            <td>
                <!-- ********FOUND********* -->
                <input type="radio" name="sex" checked>男
                <input type="radio" name="sex">女
            </td>
        </tr>
        <tr>
            <th>爱好</th>
            <td >
                <input type="checkbox">足球
                <input type="checkbox" checked>游戏
                <input type="checkbox">计算机
                <input type="checkbox">跳舞
                <input type="checkbox">画画
            </td>
        </tr>
        <tr>
            <th>户籍</th>
            <td>
                <select name="city" id="city">
                    <option value="01">北京</option>
                    <option value="02">上海</option>
                    <option value="03">广东</option>
                    <option value="04">黑龙江</option>
                    <option value="05">四川</option>
                    <option value="06">重庆</option>
                </select>
            </td>
        </tr>
        <tr>
            <th>所学语言</th>
            <td>
                <!-- ********FOUND********* -->
                <select name="course" id="lan" size="4" multiple>
                    <option value="001">Python</option>
                    <option value="002">Java</option>
                    <option value="003">PHP</option>
                    <option value="004">C++</option>
                    <option value="005">C#</option>
                </select>
            </td>
        </tr>
        <tr>
            <th>头像</th>
            <td>
                <!-- ********FOUND********* -->
                <input type="file">
            </td>
        </tr>
        <tr>
            <th>个人介绍</th>
            <td>
                <!-- ********FOUND********* -->
                <textarea cols="35" rows="6" name="intro"></textarea>
            </td>
        </tr>
        <tr>
            <!-- ********FOUND********* -->
            <td colspan="2" align="center">
                <input type="submit" value="提交">
                <input type="reset" value="重置">
            </td>
        </tr>
    </table>
</form>
</body>
</html>