完成以下页面（需要了解fieldset标签的用法）

最新推荐文章于 2024-08-15 12:08:56 发布

ptsph

最新推荐文章于 2024-08-15 12:08:56 发布

阅读量1.6k

点赞数

分类专栏： HTML

HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.expa{ width: 800px;;}
		</style>
	</head>
	<body>
		<form action="test3" method="get">
			
			<div class="expa">
				<fieldset>
				<legend>个人信息</legend>
				
				用户密码：<input type="text" name="name" value="1" /><br />
				个人密码：<input type="password" name="pwd"  /><br />
				靓照上传：<input type="file" name="file"  /><br />
				性      别：男<input type="radio" name="sex" value="man" />
					   女<input type="radio" name="sex" value="woman" /><br />
				生      日：<input type="text" name="brithday" value="19" />年
					<select name="month">
						<option value="">选择</option>
						<option value1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
						<option value="7">7</option>
						<option value="8">8</option>
						<option value="9">9</option>
						<option value="10">10</option>
						<option value="11">11</option>
						<option value="12">12</option>
					</select>月
						<input type="text" name="day" />日<br />
				爱      好：<input type="checkbox" name="hobby" />篮球
						<input type="checkbox" name="hobby" />羽毛球
						<input type="checkbox" name="hobby" />乒乓球<br />
				备注信息：<textarea name="beizhu">请填写备注信息</textarea><br />
				图片展示：<br /><img src="../img/baidu.png" />
		
			</fieldset>
			</div>
			
			<input type="submit" value="提交信息" />
			<input type="reset" value="重置信息" />
		</form>
	</body>
</html>