这节课，我们学习 input 控件中的文件选择功能

　　表单中的文件上传与我们的生活息息相关，例如：研究生报名考试系统中，上传证件照片的界面。点击浏览按钮 ，会有对应的弹窗 ，提示让我们选择电脑中的证件照片进行上传。

　　例如：在返乡流调信息表中，流调信息需要我们上传身份证件信息。 "用户咨询反馈" 表单中，需要上传的附件等等，都使用到了文件选择的控件。这些文件选择的控件，在不同浏览器和设备中显示的效果可能不一致，但都可以实现文件选择的功能。

　　文件选择控件，主要作用就是用来选择本地的某些文件。

　　实现这个功能的语法结构为：在 input 输入控件上定义 type 属性，赋值为 file。file 就是文件的意思。

　　打开编辑器，新建一个 input_file.html 文件，自动补全基础代码，在body里添加 form 标签，在 form 里填写 "附件：" ，在文本后面添加一个 input 标签，type 属性值为 file。保存。

　　在默认浏览器中打开页面，一个选择文件的控件就显示出来。点击选择文件按钮，会出现一个弹窗，选择想要上传的文件，单击选中，点击弹窗上面的打开按钮。文件的名字就显示在按钮区域的后面了。

　　需要注意的是，这是一个选择文件的控件，还不能实现文件的真正上传，后面我们会介绍如何上传文件。

　　在IE中打开页面，。。

　　在火狐中打开页面，。。。

　　大家注意到了，同为文件选择控件，不同的浏览器实现的效果是不一样的，但都可以实现文件选择的功能。

　　文件选择控件我们就介绍到这里，大家动手试试吧。

上一篇

线条、多边型和多线条

下一篇

颜色值与长度单位