表单标签

什么是表单？
答：专门用来手机用户信息的

表单的格式
<form></form>

常见的表单元素

1、input元素

有个value属性，用来设置默认值

有一个type属性，用来决定input的功能

（1）text --明文输入框
（2）password--暗文输入框
（3）radio---单选框，默认情况下单选框不互斥。为了使之互斥，给每个input设置name属性即可(注意name的值要一样)，默认选中使用checked属性
<input type="radio" name=“male” checked=“checked”>男</input>
<input type="radio" name=“female”>女</input>
（4）checkbox--多选框 ，默认选中使用checked属性
（5）botton--按钮
（6）image--定义图片按钮
<input type="image" src=""></input>
（7）reset-重置按钮，无需设置value就有按钮的标题，当然也可以通过value修改按钮标题
（8）submit--提交按钮，将表单上用户输入的内容提交到远程服务器。 需要提交的项要有name和value属性，单选和多选框的每个input的name属性要相同
（9）hidden--隐藏域，不在页面上显示，悄悄提交数据
（10）email--邮箱格式，会验证格式正否正确
（11）url--url格式验证
（12）number--验证是否是数字，非数字输入不上去
（13）date--日历
（14）color--取色版

2、label标签

为了使文字和输入框绑定在一起（点击文字的时候，使得输入框被唤醒，变为输入状态），使用lable标签。input的id和lable的for的值一样
<label for="acount">账号：</label><inpue type="text" id="acount"></input>

3、datalist标签

给输入框绑定待选项
<datalist>
<option></option >
<option></option >
<option></option >
</datalist>

<label for="habit1">请输入你的爱好：</label>
<input type="text" id="habit1" list="habit">
<datalist id="habit">
<option>跑步</option>
<option>跑山</option>
<option>跳绳</option>
<option>看电影</option>
<option>看书</option>
</datalist>

4、select标签

作用：用于定义下拉列表
<select>
<option>跑步</option>
<option>跑山</option>
<option>跳绳</option>
<option>看电影</option>
<option selected="selected">看书</option>
</select>
[【datalist需要绑定给input；select是个独立的标签，不需要配合谁使用】

<select name="selected" id="selected">
        <optgroup label="北京">
          <option value="">北京1</option>
          <option value="">北京2</option>
        </optgroup>

        <optgroup label="上海">
          <option value="">上海2</option>
          <option value="">上海3</option>
        </optgroup>
  </select>

5、textarea标签--多行文本输入框

<textarea ></textarea>

6、video标签

作用:播放视频

<video src="" autoplay="autoplay">
</video>

video的属性-wsschool

为了视频不同浏览器播放视频，所以通过source标签把所有的文件格式都写一遍

<video>
  <source src="/****.ogg"  type="video/ogg"></source>
  <source src="/****.mp4"  type="video/mp4"></source>
  <source src="/****.webm"  type="video/webm"></source>
</video>

7、audio 音频标签

作用：音频标签

<audio>
  <source src="/****.ogg"  type="audio/ogg"></source>
  <source src="/****.mp4"  type="audio/mp4"></source>
  <source src="/****.webm"  type="audio/webm"></source>
</audio>

8、详情和概要标签

作用：页面默认只显示summary中的概要信息内容，点击小三角才能展示出detail的详情信息的内容。为了更好利用空间
格式：

<details>
  <summary>概要信息</summary>
  详情信息
</details>

9、marquee标签

作用：
格式：

<marquee direction="">
-direction=up/down/right/left滚动方向
-scorllamount 设置速度
-loop设置滚动次数，默认-1，无限滚动
-behavior 设置滚动的类型 slide-滚到边界停下来、altermate--滚到边界再滚回去，再滚回来
-marquee中除了可以是文字，也可以是图片
</marquee>

注意点：不是w3c官方推荐的标签。但是各大浏览器都支持

10、被废弃的标签

为什么有一部分标签会被废弃？
因为被废弃的标签没有语义

<font>--html标签是赋予语义，font是样式，可以用css实现，同理，<b><u><i><s>分别是加粗、下划线、斜体、划线在文字身上

右边的标签替代左边被废弃的标签

--<p>可以实现换行
<b>--<strong>--定义强调的重要性的文字
<u>--<ins>--定义插入的语义--inderted
<i>--<em>--定义强调的文字--emphasized
<s>--<del>--定义被删除的文字--deleted

11、字符实体

在html中，对空格，回车，tab不敏感，会把多个空格当做一个处理
需要使用&nbsp，一个&nbsp代表一个空格

&lt ---< 【less than】
&gt---> 【greater than】
&copy