<form action="">
    <fieldset>
        <legend>學生檔案</legend>
        <lable>姓  名：<input type="text" placeholder="請輸入學生名字"/></lable><br />
        <lable>手  機：<input type="tel"  /></lable> <br />
        <lable>郵  箱：<input type="email"/></lable><br />
        <lable> 所屬學院：<input type="text" placeholder="請選擇學院" list="xueyuan"/></lable>
        <datalist id="xueyuan">
            <option>java學院</option>
            <option>java學院</option>
            <option>java學院</option>
        </datalist>

        <br /><br />

        <lable>出生日期：<input type="date"/></lable><br /><br />
        <lable>成績：<input type="number"/></lable></br />
        <lable>畢業時間：<input tyype="date"/></lable><br/>
        <input type="sumit"/><>input type="retset"/>
    </fieldset>
</form>