DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 編程時用的設置文件上傳個數的效果
編程時用的設置文件上傳個數的效果
編輯:CSS詳解     

<!-- 把如下代碼加入<body>區域中 -->
<style type="text/CSS">
<!--
td {  font-size: 9pt}
a {  color: #000000; text-decoration: none}
a:hover {  text-decoration: underline}
.tx {  height: 16px; width: 30px; border-color: black black #000000; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; font-size: 9pt; background-color: #eeeeee; color: #0000FF}
.bt {  font-size: 9pt; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; height: 16px; width: 80px; background-color: #eeeeee; cursor: hand}
.tx1 { height: 20px; width: 30px; font-size: 9pt; border: 1px solid; border-color: black black #000000; color: #0000FF}
-->
</style>
<form name="form1" method="post" action="upfile.ASP" enctype="multipart/form-data" >
 
  <input type="hidden" name="act" value="upload">
  <br>
  <table width="71%" border="1" cellspacing="0" cellpadding="5" align="center" bordercolordark="#CCCCCC" bordercolorlight="#000000">
   
    <tr align="left" valign="middle" bgcolor="#eeeeee">
      <td bgcolor="#eeeeee" height="92">
        <script language="Javascript">
  function setid()
  {
  str='<br>';
  if(!window.form1.upcount.value)
   window.form1.upcount.value=1;
    for(i=1;i<=window.form1.upcount.value;i++)
     str+='文件'+i+':<input type="file" name="file'+i+'" style="width:400" class="tx1"><br><br>';
  window.upid.innerHtml=str+'<br>';
  }
  </script>
        <li> 需要上傳的個數
          <input type="text" name="upcount" class="tx" value="1">
          <input type="button" name="Button" class="bt" onclick="setid();" value="· 設定 ·">
        </li>
        <br>
        <br>
        <li>上傳到:
          <input type="text" name="filepath" class="tx" style="width:350" value="">
        </li>
      </td>
    </tr>
    <tr align="center" valign="middle">
      <td align="left" id="upid" height="122"> 文件1:
        <input type="file" name="file1" style="width:400" class="tx1" value="">
      </

td>
    </tr>
    <tr align="center" valign="middle" bgcolor="#eeeeee">
      <td bgcolor="#eeeeee" height="24">
        <input type="submit" name="Submit" value="· 提交 ·" class="bt">
        <input type="reset" name="Submit2" value="· 重執 ·" class="bt">
      </td>
    </tr>
  </table>
</form>
<script language="Javascript">

setid();
</script>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved