首頁  >  文章  >  web前端  >  js實現的捐贈管理完整實例_javascript技巧

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

WBOY
WBOY原創
2016-05-16 16:18:581411瀏覽

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

index.html頁面如下:

複製程式碼 程式碼如下:
 
http://www.w3.org/1999/xhtml"> 
 
   
    js捐款管理 
     
     
 
 
   
 
       

捐款管理

 
         
       
 
            轉送者: 
            受捐單位: 
             
            選擇> 
            金額: 
            受捐日期: 
           
       
 
         
             
                 
                 
                 
                 
                 
                 
             
        表> 
     
正文> 

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程式設計有幫助。

序號捐贈者捐贈單位金額捐贈日期操作
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn