form表单提交的方式默认的是get

为了提升用户体验，点击文字就是点击了input框 添加label标签

<input type = "text" value = "666"> value 使用户输入的值，这个值是前段向后台提交的值、

imput 框的常用类型。

文本   ：text 默认值   password 密码   

按钮    ：submit   表单提交

                reset 内容重置

                这上面两个，form表单只有一个

                button  普通按钮

单选    :   radio   需要添加name属性  其值保持一致.

多选   ： checkbox 

file   :    上传资料.  添加多个属性，multiple 属性

checker 默认属性  单选只能选一个。 多选可以有多个

<textarea>多行文本域    可拖动的  resize:  none;  就不会拖动了

disabled属性 用于input  框的文本类型，表示禁用，不可以修改，只能看；

boeder :    2px         solid            #fff

                线厚度    线类型             颜色

solid 实现 ， dash 虚线   ，dotted   点壮戏

padding  :10px   20px   30px   40px   上  右  下  左

padding    10px   20px   30px      上 左/右   xia

padding   10px 20px   上/下   左/右

盒子的宽  width（height）    +     padding   +   border

外边距  ： margin   ， 其 属性值 和 padding 一摸一样

上下的外边距  以较大的为基础       左右的是两者之和

 display : bolck 块元素显示       none 隐藏 元素还在 界面上看不见

浮动 float：  是一种布局方法会将元素脱离文档流

        float : left       从左到右排列

        float:  right   从右向左排列

浮动  好比吃药  有副作用  让浮动元素的父元素  有塌陷问题

解决盒子浮动塌陷问题   

.clearfix:after{

content: ' '; 伪类

clear  : both; 清除两边的浮动,  

display : block  ;  转成块级元素,沾满一行

}

overflow  文本溢出时，才去的效果

overflow: hidden；  隐藏了

scroll     出现滚动条。

atu     自动