Day11

01、form表单

form 标签，表单 可以用来提交数据

form 是一个块标签

    action 属性，提交的数据要提交到服务器地址，一般是接口
    method 属性，数据的提交方式
        他的值有
            get，post，put，delete 等

        get:get请求可以把数据拼接到 接口地址的 url上，缺点是，不安
        全
        ，提交的数据较少
        post：post请求，再post提交的数据信息中，不会看到提交的数
        据
        结构，相比较get是安全的，并且提交的数据较大

    lable 标签，行标签，经常和input 搭配使用，表示input的标题
    input 标签，行标签，输入框，常用于表单的输入
        type属性，用来设置输入框的类型
            属性值
                text 文本输入框
                password 密码输入框
                button 普通按钮
                submit 提交按钮
                reset 重置按钮
                radio 单选框
                checkbox 多选框
                hidden 隐藏框

        value属性，设置input的值
        name属性，对于界面显示没有任何影响，主要用于数据交互，实
        质上name的值既是后台数据的字段名

        placeholder 属性，输入框的提示信息
        maxlength 属性，输入字符的最大长度

        单选框和复选框的默认选中，只需要在 input 上设置 checked即可

        禁用某一个input 标签，只需要给 input 添加 disabled 属性即可

        给某一个输入框添加只读属性 readonly， 确保该输入框内容可以通
        过程序修改，并且能提交到后台


        disabled 和 readonly 的异同：他们都不能手动修改
        不同的是：disabled的值不能提交和使用，readonly的值可以提交到
        后台


        单选框 同一类型选项，他们的name值必须相同

        label 的for属性，用来绑定对应的id 的input
        
        列如：
        <label for="abc"></label> 只要对该label操作，则会在当前
        页面找到 id="abc"的input，并且选中该input。

02、form表单标签

	设置 textarea
			通过设置 css的resize属性， 设置 拖拽的方向

			horizontal 横向拖拽
			vertical 纵向拖拽
			both 双向拖拽
			none 不能拖拽
	input 属性
			minlength 最少字符数
			maxlength 最大字符数
			required 设置为必填项
			type 属性补充
				file 提交文件
				number 输入数字

			select 下拉框 行标签
				他的子级必须是 option 标签，每一个 option 
				标签表示一个选项，option具有 value属性

			fieldset 创建一个组
				legend 组的标题

		textarea 行标签 多行文本输入
			属性
				cols 控制具有多少行
				rows 控制具有多少列

03、H5新标签

	H5新特性都有哪些
	1.新增了很多语义化标签
	2.废弃了一些css修饰和html标签
	3.支持本地持久话数据
	4.增加了音频标签的api
	5.提供了 canvas 画布及其api

	H5各种功能比较新，因此低于IE9版本的浏览器支持的功能不够
	全面，建议使用IE9及其以上浏览器

<meter value="80" max="100"></meter>

<meter value="34" max="100" low="20" high="90" min="0">
你的浏览器太low了
</meter>

meter 用电量标签

	常用于能量的使用或者内容的使用量等
			属性
				value 当前电量的值
				max 最大值
				min 最小值
				low 用电量最低报警值
				high 用电量最高值

当前标签中的文字，只有在不支持浏览器的时候会被渲染出来

进度条标签

	只有最大值max属性
	没有min属性
	value属性是当前值

<progress max="100" value="50"></progress>

ruby标签

	用来做拼音，注音，注释等
	rt 表示注释的内容
	rp 如果浏览器不支持，所显示的内容

<ruby>赵
	<rt>zhao<rt>
	<rp>你的浏览器太low了</rp>
</ruby>

datalist 数据列表

	通过 input的 list属性和 datalist的id属性进行绑定
	datalist 中的选项使用 option 标签
	通过 datalist 可以制作关联查询效果

<input type="text" value="" list="show">
<datalist id="show">
	<option value="一枝红杏出墙来"></option>
	<option value="一枝红杏出墙"></option>
	<option value="一枝红杏出"></option>
	<option value="一枝红杏"></option>
	<option value="一枝红"></option>
	<option value="一枝"></option>
	<option value="一"></option>
	<option value="两个"></option>
	<option value="两个阿斯顿撒旦撒旦"></option>
 </datalist>

sup和sub，常用于注释

<p> 3<sup>2</sup> + 4<sup>2</sup> = 5<sup>2</sup> </p>
<p> 3<sub>2</sub> + 4<sub>2</sub> = <sub>5</sub>2 </p>