Vollständiges Beispiel für die Spendenverwaltung, implementiert in js_javascript-Fähigkeiten

Das Beispiel in diesem Artikel beschreibt die vollständige Implementierungsmethode des js-Spendenmanagements. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:

Die Seite index.html sieht wie folgt aus:

Code kopieren Der Code lautet wie folgt:

">

                                                                                                                                                                                                       Spendenempfänger
                                                                                                                                                                                                             & Lt; Option value = "-1" & gt;-Bitte wählen Sie-& lt;/Option & gt;                                                                                                                                 
       

 
       

 
            Beispiel: 
            受捐单位: 
             
             
            Hinweis: 
            受捐日期: 
           
       

 
         
             
                 
                 
                 
                 
                 
                 
             
       

序号

捐赠人

受捐单位

金额

受捐日期

操作

 
   

 
 

css.css如下:

复制代码 代码如下:

* { 
      Rand: 0px; 
      Polsterung: 0px; 
  } 
 
  Körper { 
      Breite: 900px; 
      Rand: 0px automatisch; 
      Polsterung oben: 20px; 
  } 
 
  h1 { 
      Polsterung: 15px; 
      Textausrichtung: Mitte; 
  } 
 
  #container { 
      Breite: 900px; 
      Höhe: automatisch; 
  } 
 
  .header, .search { 
      Breite: 900px; 
      Höhe: 30px; 
      Zeilenhöhe: 30px; 
      Rand: 1px einfarbig #0094ff; 
      Rand oben: 3px; 
      Polsterung: 0px 5px; 
  } 
 
  .tbList { 
      Breite: 912px; 
      Höhe: automatisch; 
  } 
 
      .tbList th { 
          Rand: 1px fest #000; 
          Hintergrund: #0094ff; 
          Höhe: 30px; 
          Schriftstärke: fett; 
          Zeilenhöhe: 30px; 
          Farbe: #fff; 
      } 
 
  .inputShort { 
      Breite: 100px; 
  } 
 
  .btn { 
      Breite: 70px; 
      Höhe: 25px; 
      Zeilenhöhe: 25px; 
      Schriftstärke: fett; 
      Textausrichtung: Mitte; 
  } 
 
  td { 
      Rand: 1 Pixel fest; 
      Höhe: 25px; 
      Texteinzug: 1em; 
      border-collapse: Zusammenbruch; 
  }

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