php实现在线捐助,js实现的捐赠管理完整实例_javascript技巧

本文实例讲述了js捐赠管理完整实现方法。分享给大家供大家参考。具体实现方法如下：

index.html页面如下：

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

js捐赠管理

捐赠管理

受捐单位

--请选择--

捐赠人：

受捐单位：

金额：

受捐日期：

序号

捐赠人

受捐单位

金额

受捐日期

操作

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程序设计有所帮助。

本文原创发布php中文网，转载请注明出处，感谢您的尊重！