这个世界上，做好事容易，难的是做一辈子好事。同理，学习一个知识点容易，难的是一直学习知识点！
HTML学习在继续中，今天是分享一下制作一个简单的用户个人信息采集的登录框架，内容很简单，代码量也比较少，因为只是一个架子，为什么这么简单的内容也要单独发一篇文章呢？困为内容太多，怕自己的拖延症犯了，到最后分享笔记计划搁浅，这是有前车之鉴。。。。。。。
代码展示：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单</title>
</head>
<body>
<h3>用户注册</h3>
<form action="http://niaho.com"></form>
<div>
<!--定义用户名-->
<label>用户名:</label>
<input type="text" name="username">
</div>
<div>
<!--定义密码-->
<label>密码：</label>
<input type="password" name="pwd">
</div>
<div>
<!--定义性别，name名称一致，男和女只能选一个，不能多选-->
<label>性别：</label>
<input type="radio" name="gender"> 男
<input type="radio" name="gender">女
</div>
<div>
<!--定义爱好，可以多选-->
<label>爱好</label>
<input type="checkbox" name="like"> 学习
<input type="checkbox" name="like"> 编程
<input type="checkbox" name="like"> 开车
</div>
<br/>
<div>
<!--定义家庭地址-->
<label>家庭地址</label>
<select>
<option>北京</option>
<option>上海</option>
<option>长活</option>
<option>大连</option>
<option>青岛</option>
<option>深圳</option>
</select>
<div>
<!---->
<label>照片:</label>
<input type="file" name="">
</div>
<br />
<br />
<br />
<div>
<!--定义个人描述-->
<label>个人描述</label>
<textarea></textarea>
</div>
</div>
<br />
<br />
<!--添加提交按钮-->
<input type="submit" name="" value="提交">
</form>
</body>
</html>
效果展示：
image.png
是不是很难看？哈哈，不要关键，因为这是纯HTML创建的，没有加入CSS样式，通过这几天学习，感觉一下子大脑清晰了很多，之前认为很高深的东西，其实我也可能做出来！
网友评论