JSFiddle - React, Tailwind, and code Playground

by sridhar reddy

HTML

<div class="container">
  <div class="row">
    <div class="col-3 mx-auto">
      <form action="adminhandler.php">
        <div class="form-group">
          <label for="product name">Enter product name</label>
          <input type="text" class="form-control" id="productName" aria-describedby="emailHelp" placeholder="" name="productname">
        </div>
        <div class="form-group">
          <label for="product name">Select product category</label>
          <select name="select" class=" custom-select">
          <option selected>Open this select menu</option>
          <option value="1">Formal Shoes</option>
          <option value="2">Sneakers</option>
          <option value="3">Tracksuits</option>
          <option value="3">Clothing</option>
          <option value="3">Accessories</option>
        </select>
        </div>
        <div class="form-group">
          <label for="product price">Enter product price(Naira)</label>
          <input type="text" class="form-control" id="productPrice" aria-describedby="emailHelp" placeholder="" name="price">
        </div>
        <div class="form-group">
          <label for="product name">Select image</label>
          <input type="file" class="form-control-file" id="productimage" aria-describedby="emailHelp" placeholder="">
        </div>
        <button type="submit" class="btn btn-primary">Submit</button>
      </form>
    </div>
  </div>
</div>