这是我参与「第四届青训营 」笔记创作活动的第3天
本堂课的重点
1.HTML在实体中的应用
2.表单元素
3.select、textarea、progress等标签
1.HTML中实体运用
在HTML语法中，有一些特殊符号我们不好直接书写，可以利用实体去代替对应的符号
在HTML中，段落的空格仅只有一个是有效的，如果需要多个可以利用实体。
指空格
>指大于号
<指小于号
©指版权符号©
2.HTML中的表单
父标签<form>
子标签<input>/<textarea>/<select>
元素的控件类型
文本：<input type="text" name="username" disabled value="" size="10" maxlength="5" placeholder="请输入用户名">
密码：<input type="password" name="password" value="">
单选：<label><input type="radio" name="sex" value="男" checked> 男</label>
复选：<label><input type="checkbox" name="like" value="篮球"> 篮球</label>
文件：<input type="file" name="img" multiple>
隐藏：<input type="hidden" name="id" value="007">
提交：<input type="submit" value="注册">
重置：<input type="reset" value="重置">
按钮：<input type="button" value="注册">
图片按钮：<input type="image" src="">
时间：<input type="date">年月日
<input type="datetime-local">年月日时分秒
<input type="time">时间
<input type="month">月份
<input type="week">周
滑块：<input type="range">
搜索：<input type="search">
URL：<input type="url">
颜色：<input type="color">
邮箱：
手机号：<input form="f1" type="tel" autofocus placeholder="请输入11位手机号" pattern="\d{11}" required>
form元素的属性
action 用于处理表单信息的应用程序的地址。
method 浏览器用来提交表单的HTTP方法。
get 对应于Http协议的GET方法，表单数据被附加在url上，使用“&”分隔 login.php?username=zhangsan&password=123456
post 对应于Http协议的POST方法，表单数据包含在HTTP协议的请求报文的体部
name 设定表单的名称
target 表示浏览器接收到form的提交信息后在哪里显示回应。
enctype 规定了from在发送到服务器时的编码方式。
application/x-www-form-urlencoded(默认) ：在发送前编码所有字符；
multipart/form-data：不对字符编码，但在使用包含文件上传控件的表单，必须使用此值；
text/plain ：空格转换为"+"号，但不对特殊字符编码。
元素的属性
name 用于设定组件类型
value 用于设定初始化，可选。
checked 单选框，复选框默认选中属性
disabled 表示禁用组件，禁用组件的值也不能被提交
size 当前控件的初始宽度，这个宽度以像素为单位。除非控件类型是text, password，这时宽度是整数值，表示字符的数目，默认为20
maxlength 指定可以输入的字符的最大值。适用于控件类型为text,password。
form 在H5中，可以将表单内的从属元素书写在页面上的任何地方，然后为该元素指定一个form属性，属性值为该表单的id。
autofocus 当页面加载完毕的时候，默认聚焦。在页面中，只能有一个表单元素具有该属性，值为boolean类型，
list 取值为<datalist>元素的id，用于显示提示内容。
max/min 表单组件能够接受到的最大值/最小值。
placeholder 对用户的输入进行提示，常用于搜索框，不要出现回车换行。
pattern 取值为正则表达式，用于表单验证。
required 表示在表单提交之前必须表单组件中必须输入值。
select元素
option元素
multiple 指定控件类型
布尔类型的值，表示是否允许多选，如果select元素不包含属性size和属性multiple时，表单类型显示为菜单（组合框），如果使用了属性size和属性multiple中的任意一个，则表单类型显示为列表框。
size 显示的行数
当要表示一个可以滚动的列表时候，size表示同时展示的行数。默认值为0。表示非列表显示
disabled 表示禁用组件，禁用组件的值也不能被提交
name 用于指定该组件的名字，会与其option子元素的value值组成键值对随其他表单数据一齐被提交
textarea元素
textarea用于表示多行文本框，没有value属性，其值被包含在标签内 、
rows 定义文本框的行数
cols 定义文本框的列数
warp 表示是否自动换行
off ：不自动换行
hard ：自动硬回车换行，换行元素一同被传送到服务器中
soft ：自动软回车换行，换行元素不会传到服务器中
disabled 表示禁用组件，禁用组件的值也不能被提交
readonly 表示该组件只读，其值依然会被提交
name 用于指定该组件的名字，会随着其值一同被提交到后台
progress
progress表示任务的完成情况，常用于进度条
max 定义进度元素所要求的任务的工作量，默认值为1
value 定义已经完成的工作量，如果max值为1，该值必须是介于0~1之间的小数
output
output 表示用户动作产生的结果
name 定义元素的名称
for 其他元素的id列表，表明这些元素为计算提供了输入值(或其他影响)。
meter
meter元素表示规定范围内的数量值。例如：磁盘使用量，某个候选者的投票人数占总投票人数的比例等
value :在元素中特地表示出来的实际值，该值在min与max之间，如果未指定，该值默认为1
min :指定规定范围时允许使用的最小值，默认为0
max :指定规定范围时允许使用的最大值，默认为1
low :规定范围的下限值必须小于或等于high属性的值
high :规定范围的上限值（表示较高危险的意思）
optimum :最佳值
datalist
datalist表示其他控件可用的值，其值通过<option>作为datalist的子元素存在
可以让文本框既可以选择又可以输入
