完善clearfix 表单

解决父子元素的外边距重叠

.box1:before{

content: "";

display:table可以将一个元素设置为表格显示

/*display: table;

}

解决父元素高度塌陷

.clearfix:after{

content: "";

display: block;

clear: both;

}

经过修改后的clearfix是一个多功能的样式,既可以解决高度塌陷,又可以确保父元素和子元素的垂直外边距不会重叠

.clearfix:before,

.clearfix:after{

content: "";

display: table;

clear: both;

}

.clearfix{

zoom: 1;

}

使用form标签创建一个表单

form标签中必须指定一个action属性,该属性指向的是一个服务器的地址

当我们提交表单时将会提交到action属性对应的地址

设置请求方式:method="post"

需要上传文件时要加属性: enctype="multipart/form-data"

在表单中可以使用fieldset来为表单项进行分组

在fieldset可以使用legend子标签,来指定组名

使用input来创建一个文本框,它的type属性是text

如果希望表单项中的数据会提交到服务器中,还必须给表单项指定一个name属性

name表示提交内容的名字

用户填写的信息会附在url地址的后边以查询字符串的形式发送给服务器

url地址?查询字符串

格式:

属性名=属性值&属性名=属性值&属性名=属性值&……

在文本框中也可以指定value属性值,该值将会作为文本框的默认值显示

-->

你可能感兴趣的:(完善clearfix 表单)