HTML-表单综合练习

表单综合练习

<!--改进版本！！！！！！！！！！-->

<form action="http://www.baidu.com">
    <fieldset>
        <!--fieldset标签用于给表单添加框框-->

        <!--legend标签用于给表单添加标题-->
        <legend>欢迎加入阿里巴巴</legend>

        <p>账号：<input type="text" name="zh"></p>
        <p>密码：<input type="password" name="mm"></p>

        <p>
            性别：
            <input type="radio" name="sex">男
            <input type="radio" name="sex">女
            <input type="radio" name="sex" checked="checked">保密
        </p>

        <p>
            <!--此处name属性必须一致-->
            申请岗位：
            <input type="checkbox" name="fav">数据挖掘工程师
            <input type="checkbox" name="fav">算法工程师
            <input type="checkbox" name="fav" checked="checked">Web前端开发工程师
        </p>

        <p>
            个人简介：
            <textarea about="请在此填写简介" cols="30" rows="10" name="jj"></textarea>
        </p>

        <p>
            毕业日期：
            <input type="date" name="birth">
        </p>

        <p>
            邮箱：
            <input type="email" name="email">
        </p>
        <p>
            手机：
            <input type="number" name="num">
        </p>

        <p>
            <input type="submit" value="提交申请" name="submit">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="reset" value="放弃申请" name="reset">
        </p>
    </fieldset>

</form>