前端上传文件的示例分析-创新互联

这篇文章将为大家详细讲解有关前端上传文件的示例分析，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

成都创新互联公司专注于中大型企业的成都做网站、网站设计、外贸营销网站建设和网站改版、网站营销服务，追求商业策划与数据分析、创意艺术与技术开发的融合，累计客户上1000家，服务满意度达97%。帮助广大客户顺利对接上互联网浪潮，准确优选出符合自己需要的互联网运用，我们将一直专注品牌网站建设和互联网程序开发，在前进的路上，与客户一起成长！

零, 基础(知识点主要来源于w3school)(已经熟悉的人直接跳过这一章节吧)

标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。表单用于向服务器传输数据。

字段	描述
name	规定表单的名称
action	规定当提交表单时向何处发送表单数据
enctype	(on/off)规定在发送表单数据之前如何对其进行编码
method	(get/post)规定用于发送 form-data 的 HTTP 方法
novalidate	如果使用该属性，则提交表单时不进行验证。(Html5属性)
onsubmit	Form 对象的 onsubmit 属性指定了一个事件句柄函数。当用户单击了表单中的 Submit 按钮而提交一个表单时，就会调用这个事件句柄函数。注意，当调用方法Form.submit() 时，该处理器函数不会被调用。如果 onsubmit 句柄返回 fasle，表单的元素就不会提交。如果该函数返回其他值或什么都没有返回，则表单会被提交

详情查阅请狠狠地点击关于form

label

Male

Girl

label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。 标签的 for 属性应当与相关元素的 id 属性相同。

字段	描述
for	规定 label 绑定到哪个表单元素
form	规定 label 字段所属的一个或多个表单

详情查阅请狠狠地点击关于label

input

  Volvo
  Saab
  Fiat
  Audi

标签用于搜集用户信息。根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、码后的文本控件、单选按钮、按钮等等。

详情查阅请狠狠地点击关于input

Submit 对象代表 HTML 表单中的一个提交按钮,在表单提交之前，触发 onclick 事件句柄，并且一个句柄可以通过返回 fasle 来取消表单提交。

submit: 把表单数据提交到 Web 服务器。该方法提交表单的方式与用户单击 Submit 按钮一样，但是表单的 onsubmit 事件句柄不会被调用。

详情查阅请狠狠地点击关于submit

Click Me!

在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。

控件 与 相比，提供了更为强大的功能和更丰富的内容。标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。例如，我们可以在按钮中包括一个图像和相关的文本，用它们在按钮中创建一个吸引人的标记图像。

禁止使用的元素是图像映射，因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。

请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit".

(重要事项：如果在 HTML 表单中使用 button 元素，不同的浏览器会提交不同的值。Internet Explorer 将提交

与 之间的文本，而其他浏览器将提交 value 属性的内容。请在 HTML 表单中使用 input 元素来创建按钮。)

字段	描述
name	规定按钮的名称
disabled	规定应该禁用该按钮

关于“前端上传文件的示例分析”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

文章名称：前端上传文件的示例分析-创新互联
地址分享：http://bjjierui.cn/article/djhgdh.html