Web作业3
要求:
编写学生信息表提交表单,表中包含学号、姓名、性别、照片、所属学院、所属系、所在年级、是否党员、来自省市区、特长、备注等。
运行效果:
实现代码:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单</title>
</head>
<body>
<fieldset>
<legend>注册新用户</legend>
<form method="post" action="#">
<table cellpadding="2" align ="center">
<tr>
<td align ="right">学号:</td>
<td><input type ="text" name ="username"/></td>
</tr>
<tr>
<td align ="right">姓名:</td>
<td><input type ="passward" name ="username"/></td>
</tr>
<tr>
<td align="right">性别:</td>
<td>
<input type="radio" name="gender" value="male" /> 男
<input type="radio" name="gender" value="female" /> 女
</td>
</tr>
<tr>
<td align="right">头像:</td>
<td><input type="file" name ="photo" /></td>
</tr>
<tr>
<td align="right">所属学院:</td>
<td>
<select name ="province">
<option value="computer">计算机学院</option>
<option value="jdgcxy">机电工程学院</option>
<option value="lxy">理学院</option>
<option value="sy">石油工程学院</option>
<option value="zdh">自动化学院</option>
</td>
</tr>
<tr>
<td align="right">所属系:</td>
<td>
<textarea rows="1" cols="30"></textarea>
</td>
</tr>
<tr>
<td align="right">年级:</td>
<td>
<input type="radio" name="grade" value="one" /> 大一
<input type="radio" name="grade" value="two" /> 大二
<input type="radio" name="grade" value="three" /> 大三
<input type="radio" name="grade" value="four" /> 大四
</td>
<tr>
<td align="right">是否为党员:</td>
<td>
<input type="radio" name="Party member" value="yes" /> 是
<input type="radio" name="Party member" value="no" /> 否
</td>
<tr>
<td align="right">特长:</td>
<td>
<input type="checkbox" name="interest" value="drawing" />画画
<input type="checkbox" name="interest" value="swimming" />游泳
<input type="checkbox" name="interest" value="running" />跑步
<input type="checkbox" name="interest" value="jump" />跳高
</td>
<tr>
<td align="right">其他特长:</td>
<td>
<textarea rows="2" cols="30"></textarea>
</td>
textarea中cols表示 </tr>
</tr>
<tr>
<td align="right">来自省份:</td>
<td>
<select name ="province">
<option value="gd">广东</option>
<option value="gd">海南</option>
<option value="gd">湖北</option>
<option value="gd">哈尔滨</option>
<option value="gd">广西</option>
<option value="gd">台湾</option>
<option value="gd">香港</option>
</td>
</tr>
<tr>
<td align="right">具体地址:</td>
<td>
<textarea rows="5" cols="30"></textarea>
</td>
</tr>
<tr>
<td>备注:</td>
<td> <textarea rows="5" cols="30"></textarea></td>
</tr>
<tr>
<td colspan="2" align="right">
<input type="submit" value="注册"/>
<input type="reset" value="重填"/>
</td>
</tr>
</table>
</form>
</body>
</html>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论