js实现的捐赠管理完整实例_javascript技巧

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

index.html页面如下：

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

捐赠管理

受捐单位

--请选择--

捐赠人：
受捐单位：


金额：
受捐日期：

序号

捐赠人

受捐单位

金额

受捐日期

操作

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