HTML练习-学生注册表格

最新推荐文章于 2023-10-17 14:42:06 发布

我们狠可爱

最新推荐文章于 2023-10-17 14:42:06 发布

阅读量693

点赞数 2

分类专栏： HTML

本文链接：https://blog.csdn.net/qq603263371/article/details/90896275

版权

HTML 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<meta charset="utf-8"/>
		<title>ch03第一题</title>
		
		<script type="text/javascript">
			function dianJi() {
				alert("登录成功！") ;
			}
		</script>
	</head>
	
	<body >
		<table border="1" width="60%" height="400" align="center" cellspacing="1" >
			<form>
				<tr>
					<td>学生姓名：</td>
					<td colspan="3"><input type="text" size="30" /></td> 
				</tr>
				
				<tr>
					<td>密码</td>
					<td colspan="3">
						<input type="password"  size="30"/>
					</td>
				</tr>
				
				<tr>
					<td>性别：</td>
					<td colspan="3">
							<label for="m">男 </label>
						<input type="radio" id="m" name="sexn" value="男"/ checked>
						<input type="radio" id="w" name="sexv" value="女"//>
							<label for="w">女 </label></td>
				</tr>
				
				<tr>
					<td>个人爱好：</td>
					<td colspan="3">
						<input type="checkbox" id="h"/>
							<label for="h">音乐</label>
						<input type="checkbox" id="l"/>
							<label for="l">美术</label>
						<input type="checkbox" id="s"/>
							<label for="s">电影</label>
					</td>
				</tr>
				
				<tr>
				<td >交友目的：</td>
					<td colspan="3" >
						<select size="3">
							<option>朋友介绍的</option>
							<option>家人</option>
						</select>
					</td>
				</tr>
				
				<tr>
					<td>照片上传：</td>
					<td colspan="3">
						<input type="file"/>
					</td>
				</tr>
				
				<tr>
					<td>个人简介：</td>
					<td colspan="3">
						<textarea rows="5" cols="30"></textarea>
					</td>
				</tr>
			
				<tr>
					<td>城市：</td>
					<td colspan="3">
						<select>
							<option>广西</option>
							<option>广东</option>
							<option>江西</option>
							<option>四川</option>
							<option>新疆</option>
						</select>
					</td>
				</tr>

				<tfoot>
					<tr align="center"  >
						<td colspan="10">
							<input type="submit" value="登录" onclick="dianJi()"/>
							<input type="reset" value="取消"/>
							<input type="button" value="查询"/>
						</td>
				</tr>
				</tfoot>
		
			</form>
		</table>
	</body>

</html>

以上代码由于知识问题还有很多bug
----学习中的小芊
加油

我们狠可爱

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
HTML练习-学生注册表格

<html> <head> <meta charset="utf-8"/> <title>ch03第一题</title> <script type="text/javascript"> function dianJi() { alert("登录成功！") ; } </scrip...
复制链接

扫一扫

专栏目录