html5教程之HTML5实例教程：FileList工具实例代码
使得W3C与非正式的WHATWG(网络超文本应用程序技术工作小组)关系开始紧张起来。这些年来，一直是WHATWG肩负起HTML的重责大任。破洛洛文章简介：在已往，上传文件的时分，我们每次都只能一次选择一个文件。假如想完成多文件上传，要末静态的增添file框要末利用Flash来取代。如今我们在HTML5中要想完成这个功效，是十拿九稳的事变。在已往，上传文件的时分，我们每次都只能一次选择一个文件。假如想完成多文件上传，要末静态的增添file框要末利用Flash来取代。如今我们在HTML5中要想完成这个功效，是十拿九稳的事变。
FileList工具：
FileList工具，实在就是多个file工具的列表。在HTML5中要想多文件上传我们只必要在原本的file范例的Input中到场multple属性便可。
HTML
[*]<inputid="W3Cfuns_FileList"type="file"multiple/>
JavaScript
为了可以让人人看分明这个上传文本框，复杂的写了一下JS，经由过程它来遍历出filelist中的文件，JS看不懂的话也没有干系，在这里次要是为了演示此控件切实其实猎取了多个文件。
[*]functionshowFileName()
[*]{
[*]varfile=document.getElementById("W3Cfuns_FileList");
[*]for(vari=0,j=file.files.length;i<j;i++)
[*]{
[*]alert(file.files.name);
[*]}
[*]}
完全的代码
[*]<!DOCTYPEHTML>
[*]<html>
[*]<head>
[*]<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
[*]<title>W3Cfuns_FileList</title>
[*]<scripttype="text/javascript">
[*]functionshowFileName()
[*]{
[*]varfile=document.getElementById("W3Cfuns_FileList");
[*]for(vari=0,j=file.files.length;i<j;i++)
[*]{
[*]alert(file.files.name);
[*]}
[*]}
[*]</script>
[*]</head>
[*]
[*]<body>
[*]<inputid="W3Cfuns_FileList"type="file"multiple/>
[*]<button>提交</button>
[*]</body>
[*]</html>
</p>
每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5viewport的使用能帮你做到这一点…… Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。 所见则所得网页编辑器的优点就是直观性，使用方便，容易上手. 所见则所得网页编辑器的优点就是直观性，使用方便，容易上手. Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。 这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。 不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。
页:
[1]