【实例介绍】
表单中的文件域file
文件域是由一个文本框和一个“浏览”按钮组成的,用户可以直接将要上传给网站的文件的路径输人到文本框中,也可以单击“浏览”按钮进行选择。
【基本语法】
<input name="文件域的名称" type="file" size="文件域的长度" maxlength="最多字符数"/>
【语法介绍】
在表单中插入文件选择输人框,只要将<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 下载本实例相关素材及源码
……