1. 程式人生 > >表單設計案例——學生入校註冊頁面設計

表單設計案例——學生入校註冊頁面設計

從課本學到的表單設計

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head><title>學生資訊註冊頁面</title></head>
<body>
<h3 align="center">學生資訊註冊</h3>
<form name="stu"action="">
<table>
<tr><td>姓名:</td><td><input type="text"name="stuName"></td></tr>
<tr><td>性別: </td>
<td><input type="radio"name="stuSex"checked="checked">男
<input type="radio"name="stuSex">女
</td>
</tr>
<tr><td>出生日期</td>
<td><input type="text"name="stuBirthday"></td>
<td>按格式yyyy-mm-dd</td>
</tr>
<tr><td>學校:</td><td><input type="text"name="stuSchool"></td></tr>


<tr><td>專業:</td>
<td><select name="stuSelect2">
<option selected>電腦科學與技術</option>
<option>網路工程</option>
<option>物聯網工程</option>
<option>應用數學</option>
</select>
</td>
</tr>
<tr><td>體育特長:</td>
<td colspan="2">
<input type="checkbox"name="stuCheck">籃球
<input type="checkbox"name="stuCheck">排球
<input type="checkbox"name="stuCheck">足球
<input type="checkbox"name="stuCheck">游泳
</td>
</tr>
<tr><td>上傳照片:</td><td colspan="2"><input type="file"></td></tr>
<tr><td>密碼:</td><td><input type="password"name="stuPwd"></td></tr>
<tr><td>個人介紹:</td>
<td colspan="2"><textarea name="Letter"rows="4"cols="40"></textarea></td>
</tr>
<tr>
<td><input type="submit"value="提交"><input type="reset"value="取消"></td>
</tr>
</table>
</form>
</body>
</html>