表单设计案例---学校入校注册页面设计

 

 

<!DOCTYPE html>
<html>
<head>
<title>学生信息注册页面</title>
</head>
<body>
<h3 align="center">学生信息注册</h3>
<form name="stu" action=""align="center">
<table align="center">
<tr align="left"><td>姓名:</td><td><input type="text"name="stuName"></td></tr>
<tr align="left"><td>性别:</td>
<td><input type="radio"name="stuSex"checked="checked">男
<input type="radio"name="stuSex"checked="checked">女</td>
</tr>
<tr align="left"><td>出生日期:</td><td colspan="2">
<input type="text"name="stuBirthday">按格式yyyy-mm-dd</td>
</tr>
<tr align="left"><td>学校:</td><td><input type="text"name="stuSchool"></td></tr>
<tr align="left"><td>专业:</td>
<td><select name="stuSelect2">
<option selected>计算机科学与技术</option>
<option>网络工程</option>
<option>物联网工程</option>
<option>应用数学</option>
</select>
</td>
</tr>
<tr align="left"><td>体育特长:</td>
<td colspan="2"align="left">
<input type="checkbox"name=stuCheck>篮球
<input type="checkbox"name=stuCheck>排球
<input type="checkbox"name=stuCheck>足球
<input type="checkbox"name=stuCheck>游泳
</td>
</tr>
<tr align="left"><td>上传照片:</td>
<td ><input type="file"></td>
</tr>
<tr align="left"><td>密码:</td>
<td><input type="password"name="stuPwd"></td>
</tr>
<tr align="left"><td>个人介绍:</td>
<td colspan="2"><textarea name="Letter"row="4"cols="40"></textarea></td>
</tr>
<tr><td><input type="submit"value="提交"><input type="reset" value="取消">
</td>
</tr>
</table>
</form>
</body>
</html>

posted on 2017-09-20 22:56  小星_log  阅读(608)  评论(0编辑  收藏  举报