JSFiddle - React, Tailwind, and code Playground

by ysuper

HTML

<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
  <link rel="icon" href="http://192.168.88.18:8000/img/favicon.ico">
  <link href="//cdnjs.cloudflare.com/ajax/libs/select2-bootstrap-css/1.4.6/select2-bootstrap.css"
    rel="stylesheet" />
  <link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/css/select2.min.css" rel="stylesheet" />
  <script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/js/select2.min.js"></script>

  <style>
    .select2-selection__rendered {
      line-height: 31px !important;
    }

    .select2-container .select2-selection--single {
      height: 38px !important;
    }

    .select2-selection__arrow {
      height: 35px !important;
    }

    .form-group label {
      font-weight: bold;
      font-size: 15px;
    }

    .types_n {
      height: 30px;
    }
  </style>

</head>

<body>
  <h1>
    <p>
      <center>【CDS建單介面】</center>
    </p>
  </h1>
  <div class="container">
    <div class="row">
      <div class="col-lg-3">
        <div class="form-group">
          <label for="form_no"><b>單號</b></label>
          <input type="text" class="form-control" id="form_no" name="form_no" placeholder="" disabled>
        </div>
      </div>
      <div class="col-lg-3">
        <div class="form-group">
          <label for="customer"><b>客戶</b></label>
          <!-- <input type="text" class="form-control" id="customer" name="customer" placeholder="請輸入客戶"> -->
          <select class="form-control" id="customer" name="customer">
            <option value selected></option>
          </select>
        </div>
      </div>
 ...