search

Home  >  Article  >  Web Front-end  >  Complete example of donation management implemented in js_javascript skills

Complete example of donation management implemented in js_javascript skills

WBOY
WBOYOriginal
2016-05-16 16:18:581411browse

The example in this article describes the complete implementation method of js donation management. Share it with everyone for your reference. The specific implementation method is as follows:

The index.html page is as follows:

Copy code The code is as follows:

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


js donation management





                                                                                                                                                                                                                                Donation recipient
                                                                                                                                                                                                                                  
       
 
       
 
            捐赠人： 
            受捐单位： 
             
            金额： 
            受捐日期： 
           
       
 
         
             
                 
                 
                 
                 
                 
                 
             
       
序号捐赠人受捐单位金额受捐日期操作
 
   
 
 

css.css如下：

复制代码 代码如下:
* { 
      margin: 0px; 
      padding: 0px; 
  } 
 
  body { 
      width: 900px; 
      margin: 0px auto; 
      padding-top: 20px; 
  } 
 
  h1 { 
      padding: 15px; 
      text-align: center; 
  } 
 
  #container { 
      width: 900px; 
      height: auto; 
  } 
 
  .header, .search { 
      width: 900px; 
      height: 30px; 
      line-height: 30px; 
      border: 1px solid #0094ff; 
      margin-top: 3px; 
      padding: 0px 5px; 
  } 
 
  .tbList { 
      width: 912px; 
      height: auto; 
  } 
 
      .tbList th { 
          border: 1px solid #000; 
          background: #0094ff; 
          height: 30px; 
          font-weight: bold; 
          line-height: 30px; 
          color: #fff; 
      } 
 
  .inputShort { 
      width: 100px; 
  } 
 
  .btn { 
      width: 70px; 
      height: 25px; 
      line-height: 25px; 
      font-weight: bold; 
      text-align: center; 
  } 
 
  td { 
      border: 1px solid; 
      height: 25px; 
      text-indent: 1em; 
      border-collapse: collapse; 
  }

希望本文所述对大家的javascript程序设计有所帮助。

Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：javascript Get browser version_Basic knowledgeNext article：javascript Get browser version_Basic knowledge

Related articles

See more