html＜table＞做的表格报告单

原创于 2021-08-30 20:14:47 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html #css

css 专栏收录该内容

2 篇文章

订阅专栏

这是一个用于创建外周血淋巴细胞染色体畸变检测报告单的HTML模板，包括姓名、性别、年龄、工种等信息输入框，以及检测结果和分析的详细展示。报告单中包含了分析细胞数、染色体畸变率等关键数据，并提供了结果评价和复查建议。

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>