目录
用html设计学生信息注册页面
-
代码
<!-- 文档类型为HTML -->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 字符集为UTF-8 -->
<meta charset="UTF-8">
<!-- 设置浏览器的兼容性 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- meta: 元数据 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>学生信息注册页面</title>
</head>
<body>
<h3 align="center">学生信息注册</h3>
<form action="" method="post" name="form1">
<table align="center">
<tr>
<td>姓名:</td>
<td><input type="text" maxlength="10" name="stu_name"></td>
</tr>
<tr>
<td>性别:</td>
<td>
<input type="radio" name="stu_sex" checked>男
<input type="radio" name="stu_sex">女
</td>
</tr>
<tr>
<td>出生日期:</td>
<td>
<input type="date" name="stu_birthday">
</td>
</tr>
<tr>
<td>学校:</td>
<td>
<input type="text" name="stu_school" maxlength="12">
</td>
</tr>
<tr>
<td>专业:</td>
<td>
<!-- <input type="text" name="stu_major"> 自己输入-->
<!-- 下拉框选择 -->
<select name="stu_major">
<option>计算机科学与技术</option>
<option>网络工程</option>
<option>物联网</option>
<option>大数据</option>
<option>软件工程</option>
</select>
</td>
</tr>
<tr>
<td>班级:</td>
<td>
<!-- <input type="text" name="stu_class" maxlength="10"> 自己输入-->
<!-- 下拉框选择 -->
<select name="stu_class">
<option selected>1班</option>
<option>2班</option>
<option>3班</option>
<option>4班</option>
<option>5班</option>
<option>6班</option>
</select>
</td>
</tr>
<tr></tr>
<tr>
<td>体育特长:</td>
<td>
<div>
<input type="checkbox" name="stu_P.E">篮球
<input type="checkbox" name="stu_P.E">排球
<input type="checkbox" name="stu_P.E">羽毛球
<input type="checkbox" name="stu_P.E">乒乓球
</div>
<div>
<input type="checkbox" name="stu_P.E">网球
<input type="checkbox" name="stu_P.E">游泳
<input type="checkbox" name="stu_P.E">其他
</div>
</td>
</tr>
<tr></tr>
<tr>
<td>上传照片:</td>
<td colspan="2">
<input type="file" name="stu_photo">
</td>
</tr>
<tr>
<td>密码:</td>
<td>
<input type="password" name="stu_password">
</td>
</tr>
<tr>
<td>籍贯:</td>
<td>
<select name="province">
<option value="">-----请选择省份-----</option>
<option value="北京市">北京市</option>
<option value="天津市">天津市</option>
<option value="河北省">河北省</option>
<option value="山西省">山西省</option>
<option value="内蒙古自治区">内蒙古自治区</option>
<option value="辽宁省">辽宁省</option>
<option value="吉林省">吉林省</option>
<option value="黑龙江省">黑龙江省</option>
<option value="上海市">上海市</option>
<option value="江苏省">江苏省</option>
<option value="浙江省">浙江省</option>
<option value="安徽省">安徽省</option>
<option value="福建省">福建省</option>
<option value="江西省">江西省</option>
<option value="山东省">山东省</option>
<option value="河南省">河南省</option>
<option value="湖北省">湖北省</option>
<option value="湖南省">湖南省</option>
<option value="广东省">广东省</option>
<option value="广西壮族自治区">广西壮族自治区</option>
<option value="海南省">海南省</option>
<option value="重庆市">重庆市</option>
<option value="四川省">四川省</option>
<option value="贵州省">贵州省</option>
<option value="云南省">云南省</option>
<option value="西藏自治区">西藏自治区</option>
<option value="陕西省">陕西省</option>
<option value="甘肃省">甘肃省</option>
<option value="青海省">青海省</option>
<option value="宁夏回族自治区">宁夏回族自治区</option>
<option value="新疆维吾尔自治区">新疆维吾尔自治区</option>
<option value="台湾省">台湾省</option>
<option value="香港特别行政区">香港特别行政区</option>
<option value="澳门特别行政区">澳门特别行政区</option>
</select>
</td>
</tr>
<tr>
<td>个人介绍:</td>
<td colspan="2">
<textarea name="Leter" id="" cols="40" rows="4"></textarea>
</td>
</tr>
<tr>
<td>
<input type="submit" value="提交">
</td>
<td>
<input type="reset" value="重置">
</td>
</tr>
</table>
</form>
</body>
</html>
-
运行结果: