~~~
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>注册</title>
</head>
<body>
<!--
form中的标记 别名 控件
input type="text" type="password" textarea readonly maxlength限定输入字符个数
-->
<form action="http://www.baidu.com">
<input type="text" name="username" placeholder="用户名" maxlength="10"/><br />
<input type="password" name="pwd" placeholder="密码" /><br />
<input type="password" name="pwd2" placeholder="确认密码" /><br />
生日<br />
<input type="date" name="birthday" /><br />
<!--
一组相关的radio, 必须有相同的name属性
以下属性，特殊，浏览器只关心属性名，不关心属性值，可以只写属性名
controls = "controls"
autoplay="autoplay"
checked
value: 表单提交时的值
-->
<input type="radio" name="sex" value="男" checked/> 男
<input type="radio" name="sex" value="女"/> 女
<br />
学历
<br />
<!--
select, 默认第一个option是选中项
option selected 设置默认选中项
option如果设置了value, 提交的是option的value值
如果没有设置value, 提交的是option标记中间的文本（option的text）
multiple="multiple" 设置多选
-->
<select name="education">
<option value="1">本科</option>
<option value="2" selected>研究生</option>
<option value="3">博士</option>
</select>
<br />
兴趣爱好：
<br />
<!--
一组相关的checkbox, 要有相同的name
-->
<input type="checkbox" name="hobby" checked="" value="看书"/> 看书
<input type="checkbox" name="hobby" checked="" value="学习"/> 学习
<input type="checkbox" name="hobby" checked="" value="编程"/> 编程
<!--
头像 type=file
-->
<br />
<!--<input type="file" name="upload" />-->
<!--
多行文本框
textarea
rows:行数 高度
cols:列数 宽度
textarea标记中间的内容为默认值
-->
备注：
<br />
<textarea name="comment" rows="6" cols="30">这个人很懒，什么也没有留下</textarea>
<!--
input type="submit" 提交按钮， 外部一定有表单
input type="reset" 重置按钮，外部一定有表单
input type="button" 普通按钮，外部可以没有表单 配置javascript(js)
-->
<br />
<!--
button:可以使用图片作为按钮的名称
button比input更具有语义性
input button disabled 不可用
-->
<input type="submit" value="注册" disabled=""/>
<input type="reset" value="重置" />
<input type="button" value="点我" />
<button type="submit" disabled=""><img src="img/MV.png"/></button>
<button type="reset">重置</button>
<button type="button">点我</button>
</form>
</body>
</html>
~~~
