<!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>
闲暇时间尝试使用不同的功能,记录自己做过的操作,效果如图所示:
!!!侵权请联系,必删
更多推荐
制作简单的个人信息页面
发布评论