html（7）

表单按钮

<button type=submit | reset | button>文字</button>
或者<input type=submit | reset | button 'value'=文字>
推荐使用button按钮

input的其他type属性值

语法：

<input type=text | password | radio | checkbox | file | hidden>
file是文件
hidden是隐藏：提交不想被用户看到的数据的时候
用value设置要提交的数据
<input type='hidden' value='提交的数据' name='名字'>

其他标签

1.label标签（增强鼠标体验）
<input id=id名>
<label for='对应选项的id名'>内容</label>
2.<label><input>要关联的内容</label>
[label里面不能有for属性]

下拉列表

<select name=''>
<option valur='值'>选项的值</option>
<option>选项的值</option>
</select>
注意：提交到后端的数据默认是value值
如果没有就提交到option里面的内容
elected代表默认选中该项
<option selected>选项的值</option>

文本域

<textarea name=''></textarea>

表单字段集

<fieldset>
<legend></legend>
</fleldset>

BFC概念及应用

BFC概念：是块级格式化上下文，是一种规范
规定了元素的排列方式，不同的bfc里面的元素的排列是互不影响的
创建BFC的情况：
1.浮动
2.overflow
3.display：inline-block ｜ flex；
4.position：fixed ｜ absolute；
应用：
1.解决margin的粘连问题
方式一：给父元素设置透明边框（transparent）
方式二：用padding实现（记得修改高度）
方式三：给父元素设置overflow：hidden；【所有让父元素或者子元素出发的bfc的代码都能解决粘连】
2.margin的塌陷问题（兄弟）
方式：在一个兄弟上设置足够的间隙
3.清除浮动
4.布局【左边固定，右边固定  ｜ 左中右布局】