传智黑马39期WEB前端教程-HTML5-HTML5 新增标签和属性-表单综合案例-学生档案

表单综合案例-学生档案

 

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>    
    </head>
    <body>
    <form action="">
    <fieldset>
        <legend>学生档案思密达</legend>
        <label>姓名：<input type="text" placeholder="请输入学生名字" /></label><br/><br/>
        <label>手机号：<input type="tel" /><br/><br/>
        <label>邮箱：<input type="email" /><br/><br/>
        <label>所属学院：<input type="text" placeholder="请选择学院" list="xueyuan"/></label>
        <datalist id="xueyuan">
            <option>java学院</option>
            <option>前端学院</option>
            <option>php学院</option>
            <option>设计学院</option> 
        </datalist>   
        <br/><br/>
        <label>出生日期：<input type="date" /></label>
        <br/><br/>
        <label>成绩：<input type="number" /></label>
        <br/><br/>
        <label>毕业时间：<input type="date" /></label>
        <br/><br/>
        <input type="submit" /><input type="reset" />               
    </fieldset>
    </form>    
    </body>
</html

 

　　

 

posted on 2019-12-02 10:35  herisson_pan  阅读(8)  评论(0)    收藏  举报

导航