基础标签（二）

表单-form
属性：
1、action：#;一个处理信息的程序所在的地址，规定向何处提交表单数据，接受数据的地方，#没确定时用
2、method=" “;方法 get(会把提交的内容暴露在地址栏中) post(不会，只会显示一个#号，相对比get要安全一点)
传输数据以：键值对:name=value的形式传
3、target=” “; _self默认 _blank新窗口打开
4、name=”";提供了一种被后台获取的方式，要传输数据必须有name(必须唯一)

<from action="#" method="get" target="_blank" name=""></from>

input(表单的控件)
input可以设置首行缩进 type 决定input的类型 name=" " 对应数据键值对
type:text(文本框) password(密码框) (placeholder占位) radio(需要两条属性name=" " ;value=" " 如果指向同一条数据，name必须一样)
关联标签
可以提高用户体验 选择文字也可以选中，但radio必须加id属性

<lable for="id名(male)">女</label>
<input type="radio" name="sex" id="male"/>

checked 默认选中(光写checked可以写checked="cheked"也可以) ----Boolean类型(true/false)
disabled 默认禁选

<input type="checkbox"/>   <!--多选框  可能得属性值和radio一样-->
<input type="radio"/>  <!--单选框-->
<input type="text"/> <!--文本框--> 
<input type="password" placeholder="请输入密码"/> <!--密码框-->
<input type="submit"/>  <!--提交按钮-->
<input type="reset" /> <!--重置按钮-->
<input type="file"/> <!--提交文件-->
<input type="image" /> <!--提交图片   可以要路径  src(img标签有的它都有)但是 不是太实用、有提交作用-->
<input  type="hidden"/> <!--未显示但是需要提交值(不占位)-->

非input控件
textarea 文本域
属性
name
id
cols 宽(定义文本域) 列
rows 高(定义文本域) 行
样式
resize:默认值(可以拉动) none不可以拉动(不课调节大小) vertical(垂直方向可调整) horizontal(水平方向可调整)

<textarea resize="none" cols="30" rows="40">我是一个文本框</textarea>

下拉选框
1、select 必须要有name/id属性 size设置可以露出的数目
option 下拉选项 必须有value值(属性)
selected 默认选中

<select id="select" size=2>
	<option selected>苹果</option>
	<option>橘子</option>
	<option>香蕉</option>
	<option>草莓</option>
</select>

2、datalist 必须和input一起使用

	<datalist id="ht">
		<option value="苹果"></option>
		<option value=""橘子></option>
	</datalist>
	<input type="text" list="ht"/>  <!--id="ht"与list="ht" 关联以input为主--> 

3、给form分区域

<fieldset>
	//块级
</fieldset>

4、给from标名字

<legend>

</legend>

表单伪类
:focus 选中获取焦点的元素时css样式变化
:disabled 选中禁选的按钮
:enabled 选中可以操作的按钮
:checked 选中用户选中的(一般为单选按钮/多选按钮)

表格-table
支持margin:auto
thead 定义表头(th表示表格)
thbody 定义表身体(可写可不写，不写浏览器会加)
tfoot 定义表尾
tr 定义表格行
td 表格单元格
colspan 跨越列数 算上自己
rowspan 跨越行数 算上自己
border-spacing :0px;边框线和边框线之间的距离 x,y两个值(给table设)
border-collspse: separate默认值 边框线折叠 collapse 折叠(会使上面的border-spacing失效)
特性
1、th内容 默认上下左右居中 加粗
2、td内容 左对齐 上下居中
3、table 有宽度时，单元格默认根据内容百分比平方table的宽度
4、table 有宽度时，给th宽度 平分table的宽度，table宽度固定没法撑开，高度可以撑开
5、独占一行，table没有宽高时，默认内容撑开
6、单元格行和列的最大宽度和高度取决于该行该列最大的内容
7、tbody 里面的单元格 平分高度 table里面不能嵌套任意元素 td可以嵌套任意元素 table支持margin:auto td/th 支持padding 不支持margin
使元素具有表格特性
display:table; tr display:table-row; td display:table-cell; 只能有table一些的特性，不是全部 能用表格做不要用display:table
iframe
可以在自己网页中显示别人的网页 有宽高自带 可以横排显示

<iframe src=" " frameborder="0" scrolling="yes">
	<!--frameborder 边框线   0没有 1有   能够和样式border共存-->
	<!--scrolling yes显示滚动条、no 不要、 auto 根据内容决定-->
</iframe>

注意:name属性可以和a标签连用，本地跳转
HTML5新增标签
让网页更有语义化：1、让网页结构更加清晰 2、有利于爬虫爬取数据 3、有利于seo优化 4、便于维护
头部

<header>头部</header>

导航

<nav></nav>

尾部

<footer>尾部</footer>

块区域

<section>块区域</section>   <!--相当于div  用于:犹豫、不定时  常勤于更换的-->

一块完整的区域

<article>一块完整的区域<article>

侧边栏

<aside>侧边栏</aside>

图片区域

<figure>图片区域</figure>
<figcaption>图片区域描述或者标题</figcaption>
<!--注意：结合使用-->

大于、小于、

&gt <!-->-->
&lt <!--<-->

标题组合

<hgrop>标题组合</hgrop>

有重点突出的作用，并且自带黄色背景

<mark></mark>

尺度

<meter></meter>
<!--有属性  min最小值  max最大值  low最低的范围  high高的范围   value当前值   optimum最优值-->

进度条

<progress></progress>
<!--min最小值  max最大值  value当前值-->

对话框

<dialog></dialog>
<!--必加open    自带绝对定位   在页面中不占位置-->

<details>//默认打开需要添加open	、创建一个公开部件，open之后描述内容可见
    <summary></summary>
</details>
//注意二者配合使用