附件上传HTML

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=utf-8"   />
< title > Untitled Document </ title >
< script  language ="javascript" > ...
var showIndex = 1;
var fileCount = 0;
function myShowUpload()
...{
    if(fileCount<5)
    ...{
        if(showIndex<=5)
        ...{
            document.getElementById("filename"+showIndex).style.display = "inline";
        }
    }
    else
        alert("最多上传5个附件");
}
function myRemoveFile(fileIndex)
...{
    document.getElementById("name"+fileIndex).innerHTML = "";
    document.getElementById("filename"+fileIndex).value = "";
    showIndex = fileIndex;
    fileCount--;
    if(fileCount==0)
      showIndex = 1;
}
function yc(obj)
...{
  obj.style.display = "none";
  var filevalue = document.getElementById("filename"+showIndex).value;
  if(filevalue!="")
  ...{
        var filevalues = filevalue.split("\");
        document.getElementById("name"+showIndex).innerHTML = filevalues[filevalues.length-1]+"&nbsp;<span οnclick='myRemoveFile("+showIndex+");' style='color:red;cursor:pointer;'>×</span>;";
        showIndex++;
        fileCount++;
  }
}
</ script >
</ head >

< body >
< input  type ="file"  name ="filename1"  id ="filename1"  style ="display:none;"   onmouseout ="yc(this);" />
< input  type ="file"  name ="filename2"  id ="filename2"  style ="display:none;"  onmouseout ="yc(this);" />
< input  type ="file"  name ="filename3"  id ="filename3"  style ="display:none;"  onmouseout ="yc(this);" />
< input  type ="file"  name ="filename4"  id ="filename4"  style ="display:none;"  onmouseout ="yc(this);" />
< input  type ="file"  name ="filename5"  id ="filename5"  style ="display:none;"  onmouseout ="yc(this);" />
< span  onmouseover ="myShowUpload();"  style ="cursor: pointer;color:#094AAF;" /> 添加附件 </ span >
< span  id ="name1" ></ span >
< span  id ="name2" ></ span >
< span  id ="name3" ></ span >
< span  id ="name4" ></ span >
< span  id ="name5" ></ span >
</ body >
</ html >