JSFiddle - React, Tailwind, and code Playground

by ysuper

HTML

<html>

<head>
    <title>Manufacturing Execution System</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="http://platform.automodules.com/PRMAdmin/css/surfgold.css" type="text/css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <style>
        .ResultSingular {
            width: 100vw;
        }
    </style>
</head>

<body>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <table cellspacing="0" cellpadding="1" border="1" class="DetailTable" style="width:89%;" align="right">
        <form name="theform" action="produce_detail_bom.asp" method="get">
            <input type="hidden" name="action" value="edit">
            <input type="hidden" name="produce_id" value="77388">
            <tr>
                <td colspan="4" class="DetailAreaTitle">Produce Detail</td>
            </tr>
            <tr>
                <td class="DetailLeft" style="width:10%;">Batch:</td>
                <td class="DetailRight" style="width:20%;"><input id="Batch" type="text" size="50" readonly value="">
                </td>
                <td class="DetailLeft" style="width:10%;">Model Type:</td>
                <td class="DetailRight" style="width:20%;"><input id="Model Type" type="text" name="Model_Type"
                        size="50" readonly value=" "></td>
            </tr>
            <tr>
                <td class="DetailLeft">Serial No:</td>
                <td class="DetailRight"><input id="Serial No" type="text" name="SN" size="50" readonly value=""></td>
                <td class="DetailLeft">Create Time:</td>
                <td id="Create Time" class="DetailRight"></td>
            </tr>
            <tr>
                <td class="DetailLeft">IP Address:</td>
                <td id="IP Address" class="DetailRight"></td>
                <td class="DetailLeft">MAC:</td>
                <td id="MAC"...