各种代码-优快云博客

本文链接：https://blog.youkuaiyun.com/w_yhgdsi/article/details/95980898

博客提及表格全选、表单验证以及新用户注册相关内容，这些都与信息技术中的前端交互和用户注册流程有关，涉及到网页中表格操作、表单数据校验等方面。

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

表格全选

<tr>
    <td><input type="checkbox" name="cb"></td>
    <td>1</td>
    <td>令狐冲</td>
    <td>男</td>
    <td><a href="javascript:void(0);">删除</a></td>
</tr>

<tr>
    <td><input type="checkbox" name="cb"></td>
    <td>2</td>
    <td>任我行</td>
    <td>男</td>
    <td><a href="javascript:void(0);">删除</a></td>
</tr>

<tr>
    <td><input type="checkbox" name="cb"></td>
    <td>3</td>
    <td>岳不群</td>
    <td>?</td>
    <td><a href="javascript:void(0);">删除</a></td>
</tr>

学生信息表
	编号	姓名	性别	操作

、
表单验证

注册页面

新用户注册

USER REGISTER

</div>

<div class="rg_center">
    <div class="rg_form">
        <!--定义表单 form-->
        <form action="#" id="form" method="get">
            <table>
                <tr>
                    <td class="td_left"><label for="username">用户名</label></td>
                    <td class="td_right">
                        <input type="text" name="username" id="username" placeholder="请输入用户名">
                        <span id="s_username" class="error"></span>
                    </td>

                </tr>

                <tr>
                    <td class="td_left"><label for="password">密码</label></td>
                    <td class="td_right">
                        <input type="password" name="password" id="password" placeholder="请输入密码">
                        <span id="s_password" class="error"></span>
                    </td>
                </tr>

                <tr>
                    <td class="td_left"><label for="email">Email</label></td>
                    <td class="td_right"><input type="email" name="email" id="email" placeholder="请输入邮箱"></td>
                </tr>

                <tr>
                    <td class="td_left"><label for="name">姓名</label></td>
                    <td class="td_right"><input type="text" name="name" id="name" placeholder="请输入姓名"></td>
                </tr>

                <tr>
                    <td class="td_left"><label for="tel">手机号</label></td>
                    <td class="td_right"><input type="text" name="tel" id="tel" placeholder="请输入手机号"></td>
                </tr>

                <tr>
                    <td class="td_left"><label>性别</label></td>
                    <td class="td_right">
                        <input type="radio" name="gender" value="male"> 男
                        <input type="radio" name="gender" value="female"> 女
                    </td>
                </tr>

                <tr>
                    <td class="td_left"><label for="birthday">出生日期</label></td>
                    <td class="td_right"><input type="date" name="birthday" id="birthday" placeholder="请输入出生日期">
                    </td>
                </tr>

                <tr>
                    <td class="td_left"><label for="checkcode">验证码</label></td>
                    <td class="td_right"><input type="text" name="checkcode" id="checkcode" placeholder="请输入验证码">
                        <img id="img_check" src="img/verify_code.jpg">
                    </td>
                </tr>


                <tr>
                    <td colspan="2"  id="td_sub"><input type="submit" id="btn_sub" value="注册"></td>
                </tr>
            </table>

        </form>


    </div>

</div>

<div class="rg_right">
    <p>已有账号?<a href="#">立即登录</a></p>
</div>