HTML5 form标签之解放表单验证使用方法.docx

HTML5 表单验证和文件 API 详解 HTML5 中的 form 标签新增了许多有用的属性，例如 formaction、formmethod 等，用于解决实际开发中的一些问题。例如， iframe 模拟异步上传时，需要将写到 form 外，现在可以为标签指定 form 标签即可。此外，HTML5 中还新增了许多 input 属性，如 tel、url、email 等，用于验证邮箱、网址、电话号码等。 在 HTML5 中，新增的 input 属性还包括 placeholder、list、autofocus 等，用于文本框中显示提醒信息、模拟 select 和文本框主动获取焦点等功能。这些新增的属性使得开发者可以更方便地进行表单验证。 此外，HTML5 中还新增了 FileList 和 File 对象，用于实现文件上传和预览功能。FileList 对象是一个由多个 File 对象组成的数组，File 对象具有 name 和 lastModifiedDate 两个属性。Blob 对象则用于表示二进制原始数据，提供了 slice 方法来访问字节内部原始数据。 在文件上传方面，HTML5 中新增了 FileReader 接口，用于将文件读取到内存中。FileReader 接口提供了四种方法：readAsBinaryString、readAsText、readAsDataURL 和 abort，分别用于将文件读取为二进制码、文本、DataURL 和中断读取。 在实际开发中，我们可以使用 HTML5 中的这些新增属性和接口来实现更加便捷的表单验证和文件上传功能。但是，我们也需要注意兼容性问题，因为不同的浏览器对这些新增属性和接口的支持程度不同。 在使用 HTML5 中的这些新增属性和接口时，我们需要考虑到浏览器的兼容性问题。例如，IE7、8 不支持 File 对象和 FileReader 接口，我们需要使用其他方法来实现文件上传和预览功能。此外，我们还需要注意到在不同浏览器中的 Bug 和不兼容问题，例如 Firefox 中的 firebug 和 Google 自带的插件。 HTML5 中的这些新增属性和接口为我们提供了更加便捷的表单验证和文件上传功能，但我们也需要注意到浏览器的兼容性问题和实际开发中的挑战。