JSFiddle - React, Tailwind, and code Playground

by bd22

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.6/yeti/bootstrap.min.css" rel="stylesheet" integrity="sha256-daEYF2SGTkiPl4cmxH06AOMnZ+Hb8wBpvs7DqvceszY= sha512-xmSDqcgDrroCG8Sp/p0IArjjB3lO0m0Yde0tm1mOFD4BwmsvZnVNfHgw7icU6q4ScrTCQKCokxnYMy/hUUfGrg=="
crossorigin="anonymous">

<div class="form-group ">
  <div class="input-group">
    <div class="input-group-addon">
      <span class="glyphicon glyphicon-envelope"></span>
    </div>
    <label class="sr-only" for="exampleInputEmail2">Email Address</label>
    <input class="form-control" id="email" name="email" placeholder="Email" type="email" required pattern="[^@]+@[^@]+.[a-zA-Z]{2,6}" />
  </div>
  
    <div class="input-group">
    <div class="input-group-addon">
      <span class="glyphicon glyphicon-envelope"></span>
    </div>
    <label class="sr-only" for="exampleInputEmail2">Email Address</label>
    <input class="form-control" id="email" name="email" placeholder="Email" type="email" required pattern="[^@]+@[^@]+.[a-zA-Z]{2,6}" />
  </div>
  
</div>