html＜table＞做的表格报告单

最新推荐文章于 2025-03-26 13:48:46 发布

geek123520

最新推荐文章于 2025-03-26 13:48:46 发布

阅读量1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： css 文章标签： html css

本文链接：https://blog.youkuaiyun.com/geek123520/article/details/120004597

css 专栏收录该内容

2 篇文章

订阅专栏

html做的表格报告单-拿来即用

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        table{
            width: 600px;
            border-collapse: collapse;
        }
        table td{
            box-sizing: border-box;
            width: 100px;
            height: 50px;
            text-align: center;
            padding:0;
        }
        table input{
            width: 100%;
            height: 100%;
            margin: 0;
            border: none;
        }
    </style>
</head>
<body>
    <h2>外周血淋巴细胞染色体畸变检测报告单</h2>
    <table border="1">
        <tr>
            <td>姓名</td><td><input type="text"/></td>
            <td>性别</td><td><input type="text"/></td>
            <td>年龄</td><td><input type="text"/></td>
        </tr>
        <tr>
            <td >工种</td><td colspan="2"><input type="text"/></td>
            <td colspan="2">工龄</td>
            <td><input style="width: 40px;margin-left: 0;" type="text"/>年</td>
        </tr>
        <tr>
            <td colspan="6">检测方法:微量全血培养</td>
        </tr>
        <tr>
            <td colspan="6" style="height: 100px;">
                <div><label>分析细胞数:85</label></div>
                <div>
                    <label>染色体畸变率(%): 15.294染色体畸变细胞率（%）: 4.706</label>
                </div>
            </td>
        </tr>
        <tr>
            <td colspan="6">畸变类型及数量（个）:</td>
        </tr>
        <tr>
            <td>dic</td><td>4</td><td>r</td><td>0</td><td>r0</td><td>0</td>
        </tr>
        <tr>
            <td>t</td><td>0</td><td>inv</td><td>1</td><td>ace</td><td>8</td>
        </tr>
        <tr>
            <td colspan="6" style="height: 200px;">
                <div style="height: 100%;overflow-y: scroll;">
                    <p>结果评价:</p>
                    <div>
                        <p>无着丝粒体畸变率(ace)大于3%</p>
                        <p>双着丝粒体(dic)、着丝粒环(r)和稳定性染色体畸变(t)率大于或等于1%</p>
                        <p>对检测结果异常的受检者，可在3~6个月内复查</p>
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td >检测日期<td colspan="2">2021年8月30日</td></td><td >报告日期</td><td colspan="2">年_月_日</td>
        </tr>
        <tr>
            <td >分析人<td colspan="2">admin</td></td><td >复核人</td><td colspan="2"></td>
        </tr>
    </table>
    <button>确定</button>
    <button>取消</button>
</body>
</html>