前端学习(注册表)

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title>课堂学习</title>

            </head>

    <body>

        <fieldset>

            <legend>注册表单(必填)</legend>

        <form method="#">

            <p>

               <label for="r_name">账号:</label>

               <input type="text" id="r_name"  placeholder="请输入手机号或者邮箱" required/><span class="span_1" onfocus="oniput(this,1)"></span>

            </p>

            

            <p>

                <label for="r_password">密码:</label>

               <input type="password" id="r_password"  placeholder="请输入密码" required/><span class="span_3"></span>

            </p>

            

            <p>

                <label for="r_repassword">确认密码:</label>

               <input type="password" id="r_repassword" placeholder="确认密码" required/><span class="span_4"></span>

            </p>

            

        

            <p id="sex_p">

                选择性别:<label for="man">男</label>

                <input type="radio" id="man" name="sex"/>

                <label for="woman">女</label>

                <input type="radio" id="woman" name="sex"/>

            </p>

            

            <p id="botton">

                <input type="submit" value="提交"/>

                <input type="reset" />

            </p>

            

            

        </form>

        </fieldset>

    </body>

</html>

原文地址:https://www.cnblogs.com/misubishi/p/9656239.html