HTML-form

1.表单:<form action="#" method="GET">

        action 是数据被提交的地方  是把用户的信息传递给后台

2.input控件：

            单行文本：text                单选框：radio                多选：checkbox

            密码：password              普通按钮：buttom         提交按钮：submit

            重置按钮:reset                 图片形式:image             文件：file

            空间名称：name              默认文本值：value        默认选择：checked

            

注意：

        1．单选、多选必须起相同的name；

        2.  性别value值：男="0"  女="1"

        3. 图片按钮  通过src去找到图片的位置  相对路径

                <input type="image" src="#">

3.lable标签：

         用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点

         一般用于点击图片时提交文本

    <label for="male">Male</label>
    <input type="radio" name="sex" id="male" value="male">

4.text area 控件（文本域）：             

<textarea cols="每行中的字符数" rows="显示的行数">
  文本内容
</textarea>

  注意：

            1.防止拖拽文本域：resize：none

<textarea  style="resize: none;"></textarea>

5.下拉菜单：        

           

     <select name="" id="">

     <option value="">哈尔滨</option>

     <option value="" selected>绥化</option>
     
     <option value="">佳木斯</option>

     </select>

注意：

        1.默认选择:selected

        2. 分类：<  optgroup  label="黑龙江"> </optgroup>

6.新语义化标签：

        header：定义文档的页眉

        nav：定义导航链接的部分

        footer：定义文档或节的页脚

        article：标签规定独立的自包含内容

        section：定义文档中的节（section、区段）

        aside：定义其所处内容之外的内容

7.新属性：

        1.placeholder: 提示文本  但是他不影响用户输入信息   

<input type="text" placeholder="请输入用户名"></input>

       注意：

                 修改placeholder使用占位符选择器：  E::placeholder

        2.autofocus : 自动获取焦点

        3.required :  必填项

        4.multiple :  支持多文件上传   按住ctrl  选中多个文件

        5.range:自由滑动条

<input type="range" min="0" max="10" value="2"（默认）>
最小值是0 最大值是10 默认值为2

8.多媒体标签：

       1. audio：播放音频

<audio src="./music/See You Again.mp3"></audio>

        2.video：播放视频

<video src="./video/movie.mp4" controls="controls"></video>

      附加属性：

               1.autoplay 自动播放

                2.controls 是否显示默认播放控件

                3.loop 循环播放

                4.width 设置播放窗口宽度

                5.height 设置播放窗口的高