web前端案例一：简易动态表格

最新推荐文章于 2025-03-09 09:56:39 发布

知足Content+

最新推荐文章于 2025-03-09 09:56:39 发布

阅读量1.7k

点赞数 1

分类专栏： web前端文章标签： javascript html js

本文链接：https://blog.youkuaiyun.com/weixin_44197120/article/details/113183568

版权

1. 动态表格

效果图：
在这里插入图片描述
代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>动态表格</title>
    <style>
        table{
    
            border: 1px solid blue;
            margin: auto;
            width: 500px;
        }
        th{
    
            border: 1px solid blue;
            height: 60px;

        }
        td{
    
            border: 1px solid blue;
            height: 40px;
            text-align: center;
        }
        div{
    
            text-align: center;
            margin: 50px;
        }

    </style>
</head>
<body>
<div>
    <input type="text"  placeholder="请输入编号" id="bianhao"