制作简单的个人信息页面

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>个人信息</title>
</head>
<body>
	<form action="" method="">
		<label>输入姓名:</label>
			<input type="text" name="" id="">  <br><!--br实现换行-->
		<label>输入学号:</label>
			<input type="text" name="" id=""><br>
		<label>输入密码:</label>
			<input type="password" name="" id=""><br>
		<label>请重新输入密码:</label>
			<input type="password" name="" id=""><br>
		<label>性别</label>
			<input type="radio" name="xb" id="" value="1" checked="checked">男
			<input type="radio" name="xb" id="" value="0">女<br>
		<label>兴趣爱好</label>
			<input type="checkbox" name="" id="" value="1">
			<label>英语</label>
				<input type="checkbox" name="" id="" value="1">
			<label>日语</label>
				<input type="checkbox" name="" id="" value="1">
			<label>Python</label>
				<input type="checkbox" name="" id="" value="1">
			<label>GIS</label><br>
		<label>生日</label>
			<select>
				<option value="1992">1992</option>
				<option value="1993">1993</option>
				<option value="1994">1994</option>
				<option value="1995" selected="selected">1995</option>
				<option value="1996">1996</option>
				<option value="1997">1997</option>
			</select>年
			<select>
				<option value="1">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" selected="selected">6</option>
			</select>月
			<select>
				<option value="20">20</option>
				<option value="21">21</option>
				<option value="23">23</option>
				<option value="24" selected="selected">24</option>
				<option value="25">25</option>
				<option value="26">26</option>
			</select>日<br>
			头像<img src="image/headLogo/2.tif">
			<select>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
			</select><br>
			<input type="button" name="" value="普通按钮">
			<input type="submit" name="" value="提交按钮">
	</form>
	<textarea rows="5" cols="20">
		请输入
	</textarea>
	<input type="file"><input type="button" value="上传"><br>
	666<input type="hidden" name="" id="">999
		<select size=4 multiple="true">
			<option value="1">1</option>
			<option value="2">2</option>
			<option value="3">3</option>
			<option value="4">4</option>
		</select><br>
</body>
</html>

闲暇时间尝试使用不同的功能,记录自己做过的操作,效果如图所示:

!!!侵权请联系,必删

猜你喜欢

转载自blog.csdn.net/weixin_44261547/article/details/118656936