js實現的捐贈管理完整實例_javascript技巧

本文實例講述了js捐贈管理完整實作方法。分享給大家供大家參考。具體實作方法如下：

index.html頁面如下：

複製程式碼 程式碼如下:

 
http://www.w3.org/1999/xhtml"> 
 
   
     
     
     
 
 
   

 
       

捐款管理

 
       

 
            受捐單位 
             
                --請選擇-- 
             
 
       

 
       

 
            轉送者： 
            受捐單位： 
             
            選擇> 
            金額： 
            受捐日期： 
           
       

 
         
             
                 
                 
                 
                 
                 
                 
             
        表> 
     
正文> 

css.css如下：

複製程式碼如下程式碼：

* { 
      邊距：0 像素； 
      內邊距：0px； 
  } 
 
  身體 { 
      寬度：900 像素； 
      邊距：0px 自動； 
      頂部內邊距：20px； 
  } 
 
  h1 { 
      內邊距：15px； 
      文字對齊：置中； 
  } 
 
  #容器{ 
      寬度：900 像素； 
      高度：自動； 
  } 
 
  .header、.search { 
      寬度：900 像素； 
      高度：30px； 
      行高：30px； 
      邊框：1px實線#0094ff； 
      頂部邊距：3px； 
      內邊距：0px 5px； 
  } 
 
  .tbList { 
      寬度：912px； 
      高度：自動； 
  } 
 
      .tbList th { 
          邊框：1px 實心#000； 
          背景：#0094ff； 
          高度：30px； 
          字體粗細：粗體； 
          高：30px； 
          顏色：#fff； 
      } 
 
  .inputShort { 
      寬度：100px； 
  } 
 
  .btn { 
      寬度：70 像素； 
      高度：25 像素； 
      行高：25px； 
      字體粗細：粗體； 
      文字對齊：置中； 
  } 
 
  TD { 
      邊框：1px實線； 
      高度：25 像素； 
      文字縮排：1em； 
      邊界崩壞：崩壞； 
  }

希望本文對大家介紹的javascript程式設計有幫助。

序號

捐贈者

捐贈單位

金額

捐贈日期

操作