enctype
属性指定浏览器如何编码数据并将其呈现给服务器。
此属性有三个允许值。
application/x-www-form-urlencoded
multipart/form-data
text/plain
要理解不同编码的工作原理,我们创建了以下形式。
<!DOCTYPE HTML>
<html>
<body>
<form method="post" action="http://example.com/form">
<input name="fave" />
<input name="name" />
<button>Submit Vote</button>
</form>
</body>
</html>
如果使用 application / x-www-form-urlencoded
编码,每个数据项的名称和值都使用用于编码URL的相同方案进行编码。这是编码应用于示例形式的数据的方式:
fave=Apples&name=FiratName+LastName
特殊字符将替换为其HTML实体对应部分。数据项的名称和值由等号(=)分隔,数据/值元组由&符号(&)分隔。
multipart / form-data
编码往往仅用于上传文件。下面是示例表单中的数据如何编码:
------WebKitFormBoundary2desQWER543CDFGF Content-Disposition: form-data; name="fave" YourName ------WebKitFormBoundary2desQWER543CDFGF Content-Disposition: form-data; name="name" www..cn ------WebKitFormBoundary2desQWER543CDFGF-- fave=Apple name=www..cn
主流浏览器以不同的方式对该编码进行编码。
Google Chrome以与application / x-www-form-urlencoded
方案相同的方式对数据进行编码,而Firefox对数据进行编码的方式如下:
fave=xml name=www..cn
每个数据项都放在一行上,不会对特殊字符进行编码。
嵌套错误可能引起的问题在我们使用各种浏览器时,时常发现即使不按照标准去嵌套也不会有大的错误问题,这就给我们带来了一个思考...
!DOCTYPE 声明帮助浏览器正确地显示网页。!DOCTYPE 声明Web 世界中存在许多不同的文档。只有了解文档的类型,浏览器才能正确地显...
CSS3中添加了以下三个属性。border-radiusbox-shadowborder-image border-radius 用于创建圆角边框。 box-shadow 为元素添加阴影...