表单中的文件域file

2012/11/21 19:17:05作者：佚名来源：网络

移动端

【实例介绍】

表单中的文件域file

文件域是由一个文本框和一个“浏览”按钮组成的，用户可以直接将要上传给网站的文件的路径输人到文本框中，也可以单击“浏览”按钮进行选择。

【基本语法】

【语法介绍】

在表单中插入文件选择输人框，只要将<input>标记中type属性值设为file就可以插人文件选择输入框，enctype属性确保文件采用正确的格式上传，对于允许文件上传的表单，不能使用get方法。

【实例代码】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文件域</title>
</head>
<body>
<table width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td><form action="mailto:weixiaofoxw.com" name="form1" method="post" enctype="multipart/form-data"target="_blank" >
      <p>　　　请选择文件
        <input name="fileField" type="file" id="fileField" size="30" maxlength="40" />
      </p>
</form></td>
  </tr>
</table>
</body>
</html>

【代码分析】

在代码中，加粗部分的<input name="fileFoeid"type="file"size="30"maXlength="40">标记将文件域的名称设置为fileField，长度设置为30，最多字符数设置为40，在浏览器中浏览，效果如图所示。

文件域file运行效果