html python写浮动窗口_form表单，浮动（python）

一 浮动

清除浮动造成的影响：overflow:hidden;

浮动布局：主要解决多个块级元素在一行显示的问题。因此该布局主要应用于pc端布局

浮动布局的操作：首先在需要在一行显示的块级元素标签内部设置float：left(right)；其次需要通过一些常用的操作清除浮动造成的影响

浮动问题：浮动的元素会脱离父级元素，造成父级元素高度塌陷，从而影响网页下面的布局

清浮动的方法：直接在浮动元素的父级元素中设置overflow:hidden;

通过在浮动元素的后面添加空元素实现清浮动的操作；

通过伪类after配合zoom完成清浮动操作

设置单行文本竖直方向上垂直居中line-height:100px;

标签的浮动分为两个过程：首先是设置浮动标签向上浮动到最上边，之后根据标签的float值决定标签是向左还是向右浮动。注意，标签在向上浮动时会参考上一个标签的浮动原则，如果上一个标签是向右浮动，此时浏览器会自动检测上一个标签的左侧空隙是否能放下当前标签，如果能，该标签会移动到上一个标签的上边界处，如果不能，该标签则向上移动到上一个标签的下边界位置处。余此类推，如果上一个标签向左浮动，此时浏览器会检测标签的右侧是否能放得下当前标签，如果能，该标签则向上移动到上一个标签上边界位置处，如果不能，当前标签则停留在上一个标签的下边界位置处。

二

引入的方式分为三种：

第一种为内部引入：通过在head标签中添加style标签，在style标签中添加对应的css样式代码

第二种为外部引入：首先创建一个或多个独立的css，之后在需要使用这些css文件的HTML网页中通过link标签进行远程加载

第三种为；行间样式，直接在指定的标签上添加style属性，之后设置各种style属性值完成样式的设置，该方式所添加的css样式优先级仅次于important修饰的css样式，因此通常不建议使用

内部引入优点：可以提高css样式的加载速度，同时有效减轻服务器的负载量

内部引入缺点：会增大HTML文件的尺寸，减缓HTML网页的加载速度，同时不利于公共样式的重用

外部引入的优点：跟内部引入的缺点相对应

三form表单

设置图片在竖直方向上居中显示，只对图片起作用；vertical-align:middle;

form表单主要用来实现客户端将用户端输入的数据提交给后台服务器

Action：对应的服务器的地址

Method：客户端和服务器的连接方式，主要的连接方式有get和post两种。默认是get连接

Enctype：设置form表单提交数据的编码规则，默认是application/x-www-form-urlencoded.按照标准的UTF8编码格式进行数据的编码，如果form表单传输的数据中含有文件类型的数据，此时enctype的值，必须为multipart/form-data

type:设置input标签的类型

text：代表的是单行文本输入框

name:设置未来向服务器提交的数据的key

value:设置未来向服务器具体提交的数据value，但是注意如果当前的form表单控件中额数据无法唯一确定，此时value属性可以不添加值

placeholder：设置当form表单控件没有其他数据时所对应的数据提示

男

Radio：代表单选框，注意单选框name属性值必须相同，否则单选框就会被看成是复选框，其次因为每一个单选框对应的值都是唯一的，因此对于单选框value需要人为规定值，加上checked则默认选中

打篮球

Checkbox：代表复选框

Type的属性值为：data:代表日期选择框

Week：代表星期控件

number:数字控件

label:将对应id属性的控件和其标记的内容进行绑定

用法：

中间为一些内容

这样就完成了绑定，即当点击label中间的内容时，会起到被绑定内容的作用

File：文件上传控件

隐藏提交，该控件的内容不会再网页中显示，而是当用户点击的时候自动进行数据的提交，该控件可以保护一些数据避免被用户篡改

所在城市：

郑州

北京

南京

佳琪

此为下拉菜单