<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>he<<llo,wo>>rld</h1>
<h2>hel lo,world</h2>
<h3>hello,world©®¥™↦</h3>
<!--转义字符或实体替换符-->
<!--internal frame 内部的框架-->
<iframe src="https://map.baidu.com/" width="400" height="300"></iframe>
<form action="" method="post">
<!--全选页面的框 -->
<fieldset id="">
<!--legend 说明性文字-->
<legend>必填信息</legend>
<!--action 写url 表单提交后服务器内的什么程序给你处理，应写一个资源 代表
服务器的程序。 method(get/post) 表示去服务器拿东西 用get
交数据给服务器（上传数据） 用post
如果只是提交信息 不用写 enctype
如果带身份证提交等附件 需写enctype
-->
<p>
<label for="">用户名：</label>
<!--required 必须填写-->
<!--maxlength 限制字数-->
<!--类型写text 就是一个文本框 通过name里的uid 拿到文本框内的值-->
<!--placeholder 占位提示-->
<input type="text" name="uid" maxlength="10" placeholder="请输入账户名" required="" />
</p>
<p>
<label for="">密码：</label>
<!--写成password 就编程掩码 就无法看见了-->
<input type="password" name="pwd" id="pwd" placeholder="请输入密码" />
</p>
<p>
<label for="">确认密码：</label>
<input type="password" name="repwd" />
</p>
<p>
<label for="">生日：</label>
<input type="date" name="brith" id="brith" value="" />
</p>
<p>
<label for="">邮箱：</label>
<!--email 类和文本类还是有区别的 比如@检测 跟换输入键盘-->
<input type="email" name="" id="" value="" />
</p>
<p>
<label for="">性别</label>
<!--radio 是单选-->
<!--checked 表默认选择 都写的话 下面覆盖上面的 选下面的-->
<input type="radio" name="gender" checked="" />
</p>
</fieldset>
<fieldset id="">
<legend>可选信息</legend>
<p>
<label for="">爱好：</label>
<!--checkbox 复选框-->
<!--disable 表示禁用 默认勾选 是只读属性 readonly 用在输出密码处就无法输入了-->
<input type="checkbox" name="fav" checked="" disabled="" />游戏
<input type="checkbox" name="fav" />阅读
<input type="checkbox" name="fav" />旅游
<input type="checkbox" name="fav" />运动
<input type="checkbox" name="fav" />其他
</p>
<p>
<label for="">头像</label>
<!--file 表类型为文件-->
<!--预览效果需要JS-->
<!--multiple 表示多选-->
<input type="file" name="photo" multiple=""/>
</p>
<p>
<label for="">籍贯</label>
<select name="prov" id="">
<!--select 下拉列表-->
<!--option 表示选项-->
<!--value 是提交给服务器的 -->
<!--selected 默认勾选的选项-->
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3" selected="">四川</option>
<option value="20">重庆</option>
<option value="40">云南</option>
</select>
</p>
<p>
<input type="submit" name="" id="" value="注册" />
<input type="reset" name="" id="" value="重写" />
</p>
</fieldset>
</form>
</body>
</html>