锐客网

  1. 首页 > it技术 > >

html5|js实现表格的增 删 改 查

效果图在最下面哦






【html5|js实现表格的增 删 改 查】
Document - 锐客网


.box {
width: 400px;
height: 400px;
border: 5px solid pink;
}

#messageTable {
position: absolute;
top: 0;
left: 40%;
width: 500px;
margin: 0 auto;
}

/* tr th{
width: 300px;
} */
p {
font-size: 30px;
transform: translateX(20px);
}

.inp {
width: 250px;
height: 40px;
outline: none;
border-radius: 5px;
font-size: 30px;
}

#btn {
background-color: lightseagreen;
border-radius: 5px;
width: 100px;
height: 30px;
transform: translateX(150px);
}

td {
text-align: center;
}
#box2{
position: absolute;
left: 75%;
top: 0;
}




姓名:

年龄:

性别:

学号:












序号 姓名 年龄 性别 学号 操作







html5|js实现表格的增 删 改 查
文章图片


    推荐阅读


    上一篇：计算机毕业设计|计算机毕业设计之微信小程序的废品回收类程序 垃圾回收app论文

    下一篇：资讯|数学最高奖菲尔兹奖得主 Laurent Lafforgue 官宣加入华为！