注册表单

<h3> 用户注册</h3>

<form action= '' method= 'post'>

<!--input: 输入控件，type-->
<!--label 标签 for-->
<!--required 必选-->

 

<p>

　　<label for= 'username'>账号：</label>

　　<input type =" text" name = "username" id="username"

autofocus placeholder==" 不允许超过5字" required>

</p>

<p>

<label for =“email”>邮箱：</label>

<input type= "number" id = "age" min= "16" max="70">

</p>

   <p>
        <label for="birthday">生日：</label>
        <input type="date" id="birthday">
    </p>
    <p>
        <!--下拉列表 下拉框-->
        <label for="course">课程：</label>
        <!--变量由变量名称和变量值组成-->
        <!--select + option-->
        <select name="course" id="course" size="1">
            <option value="" selected>请选择一门</option>
            <optgroup label="前端：">
                <option value="1">HTML5</option>
                <option value="2">CSS3</option>
                <option value="3">Javascript</option>
            </optgroup>
            <optgroup label="后端：">

            </optgroup>

            <option value="4">PHP</option>
            <option value="5">Python</option>
            <option value="6">易语言</option>
        </select>
    </p>
    <p>
        <!--复选框 checkbox-->
        <!--checked 默认-->
        <label for="sleep">爱好：</label>
        <input type="checkbox" name="hobby" value="game" id="game"><lable for="game">打游戏</lable>
        <input type="checkbox" name="hobby" value="eat" id="eat" checked><lable for="eat">吃零食</lable>
        <input type="checkbox" name="hobby" value="sleep" id="sleep"><lable for="sleep">睡觉觉</lable>
    </p>
    <p>
        <!--单选框-->
        <label for="">性别：</label>
        <input type="radio" name="gender" value="male" id="male"><lable for=male">男生</lable>
        <input type="radio" name="gender" value="female" id="female"><lable for="female">女生</lable>
        <input type="radio" name="gender" value="secrecy" id="secrecy"><lable for="secrecy">保密</lable>
    </p>
    <p>
        <label for="comment" >简介：</label>
        <textarea name="comment" id="comment" cols="30" rows="10" placeholder="不超过50字"></textarea>

    </p>
    <p>
        <!--<button>提交</button>-->
        <input type="submit" name="submit" value="提交">
        <input type="reset" name="reset" value="重置">
        <!--方便用户通过ajax异步方式来验证-->
        <button type="submit">提交1</button>
        <button type="button">提交2</button>
    </p>
</form>