在做网站中，文件域的作用是实现文件上传，文件域有一个特有的属性accept，用于指定上传文件的类型，如果要限制上传文件的类型，则可以通过设置该属性完成。

下面示例为用户提供简单的文件上传操作，当用户上传文件后，后台服务器将以响应的方式显示用户提交的文件名，如下图所示。

【操作步骤】

第1步，打开模板页（orig.html），另存为in-dex.html。

第2步，把光标置于<div data-role="content">标签，然后选择【插入】|【表单】|【表单】命令，在当前光标位置插入一个表单框。

第3步，选中表单框<form>标签，在【属性】面板中设置action和metho属性值，定义请求文件为同目录下的request.php，请求的方式为POST。

第4步，把光标置于<form>标签内，插入一个文件域和一个提交按钮，定义文件域的name属性值为file，提交按钮的value属性值为“提交数据”。设计完整的表单结构代码如下：

<form action="request.php" data-ajax="false" method="post"    name="form1" id="form1">    <label>选择照片        <input name="file" type="file" />    </label>    <i nput type="submit" data-theme="e" data-icon="check" value="提交数据" /></form>

第5步，选择【文件】|【另存为】命令，把index.html另存为request.php。在request.php文档中，清除表单结构。然后切换到代码视图，编写PHP脚本代码：<?php    $file = $_POST["file"];    echo "你上传的文件是："; echo  $file;?>

第6步，在浏览器中预览index.html页面，然后单击【浏览】按钮，选择一个本地文件，单击【提交数据】按钮提交表单，则在打开的request.php页面中立即显示用户选择的文件名，如上图所示。

【拓展】本示例仅演示了如何获取文件域中的值，但是没有真正获取用户上传的图片，如果要获取用户上传的文件，还需要设置表单的编码类型为enctype="multipart/form-data"。

如果要获取用户上传的文件，需要使用全局变量$_FILES（在PHP 4.1.0以前版本中用$HTTP_POST_FILES替代）。此数组包含所有上传的文件信息，$_FILES数组的内容如下所示，其中'userfile'表示文件域的名称。

•$_FILES['userfile']['name']：客户端机器文件的原名称。   

•$_FILES['userfile']['type']：文件的MIME类型，如“image/gif”。  

•$_FILES['userfile']['size']：已上传文件的大小，单位为字节。   

•$_FILES['userfile']['tmp_name']：文件被上传后在服务端存储的临时文件名。   

•$_FILES['userfile']['error']：和该文件上传相关的错误代码。

文件被上传后，默认会被存储到服务端的默认临时目录中，可以在php.ini中的upload_tmp_dir设置存储路径。