JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
<link rel="stylesheet" type="text/css" href="\web/css/apewscss.css"/><link rel="stylesheet"  type="text/css"  href="\web/css/hms.css"><title>Hardware Inventory ( AMK6E )</title>
<META http-equiv="Pragma" content="no-cache">

<body style="margin=0px;" alink="#0000ff" vlink="#0000ff" bgcolor="#ffffff" window.focus="document.hwinv.datatyp.options.focus();">
<form name="hwinv" method="post" action="inventory.php" target="bottomview">
<div style="padding-left:165px;"><table border="0" cellspacing="0" cellpadding="0" width="850">
 <tbody>
  <tr>
   <td height="25" width="100%" bgcolor="" align="center"><font class="ft10" color="#2D9D13"><b>&nbsp;</b></font><font class="ft10" color="#ff0000"><b>&nbsp;&nbsp;</b></font></td>
  </tr>
 </tbody>
</table>
<table cellpadding=0 cellspacing=0 width=850><tr><td><table border="0" cellspacing="0" cellpadding="0" width="680">
 <tbody>
  <tr bgcolor="" align=center>
   <td>
   <table border="0" cellspacing="1" bgcolor=#BBBBAA cellpadding="0" width="680">
    <tbody>
     <tr>
      <td height="25" width="100%" bgcolor="#2868A1"><B><font class="ft10" color="#FFFFFF"><b>&nbsp;Hardware Inventory ( AMK6E )</b></font></td>
     </tr>
    </tbody>
   </table>
   <table border="0" bgcolor="#BBBBAA" cellspacing="1" cellpadding="1" width="680">
    <tbody>
    <tr bgcolor="ffffff">
     <td height="25" width="25%"><font class="ft10" color="#000000"><b>&nbsp;Hardware Barcode</B></font></td>
     <td height="25" width="75%" colspan="3"><font class="ft10" color="#ff0000">&nbsp;Will be generate once you complete this form successfully!&nbsp;</font></td>
    </tr>
    <tr bgcolor="ffffff">
     <td height="25" width="25%"><font class="ft10" color="#000000">&nbsp;<b>Hardware Type</b></font></td>
     <td height="25" width="75%" colspan="3">&nbsp;
      <select size="1" name="datatyp" onChange="gonext()" style="width: 187" width="187">
       <option value=""></option>
       <option value="Adaptor">Adaptor</option>
       <option...

CSS

<style type=text/css>

.ft9  {font-family: arial; font-size: 9pt; font-weight: nornal}
.ft10  {font-family: arial; font-size: 10pt; font-weight: nornal}
.ft11  {font-family: arial; font-size: 11pt; font-weight: bold; padding-left: 10pt}
.ft12  {font-family: arial; font-size: 12pt; font-weight: bold}
#dim{ 
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    z-index:100; 
    height:100%;
    background:url('http://sgewsweb.amk.st.com/web/tools/information_hub1000/dim.png'); 
    display:none; 
    text-align:left; 
}
.msgbox{position:absolute; width:950px; height:350px; z-index:200; border:5px solid #222; background: #FFF; top: 43%; left: 26%; margin-top: -200px; margin-left: -250px;}.msgbox img {border:none; margin:5px;}.close{top:0px; float:right;}

JavaScript

function gonext()
{
 var myIndex = document.hwinv.datatyp.options.selectedIndex;
 var chkvalue=document.hwinv.datatyp.options[myIndex].value;
 if(!(chkvalue))
 {
 document.hwinv.datatyp.options.focus();
 alert("Please select Hardware Type!");
 }
 else
 {
 document.hwinv.step.value='11';
 document.hwinv.submit();
 }
}
function goback()
{
 document.location = "./blank.php?site=AMK6E";
}