JSFiddle - React, Tailwind, and code Playground

by rodrigonery

HTML

<!doctype html>
<html lang="pt-BR" dir="ltr">
  <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Form de Contato</title>
  <meta name="description" content="Form.Twitter">
  <meta name="author" content="Rodrigo Nery">
  
  <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" type="text/css" rel="stylesheet">
  <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" type="text/css" rel="stylesheet">

<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
  </head>
    <body>

<!-- Inicio do Form -->
<form class="form-horizontal" method="post" action="mail.php">
  <fieldset>
    <legend>Meu form com o BootStrap!</legend>
        
<div class="control-group">
  <div class="controls">
    <label class="control-label" for="input01">Primeiro Nome:</label>
    <input type="text" name="first_name" maxlength="50" placeholder="Digite o Seu primeiro nome...">
  </div>
</div>

<div class="control-group">   
  <div class="controls">    
    <label class="control-label" for="input01">Segundo Nome:</label>
    <input type="text" name="last_name" maxlength="50" placeholder="Digite seu último nome..">
  </div>
</div>
        
<div class="control-group">                
  <div class="controls">
    <label class="control-label" for="input01">Endereço de E-mail:</label>
    <input  type="text" name="email" maxlength="80" placeholder="[email protected]">
  </div>
</div>        
        
<div class="control-group">        
  <div class="controls">
    <label class="control-label" for="input01">Número de Telefone</label>
    <input  type="text" name="telephone" maxlength="30" placeholder="(71)3312-1223">
  </div>
</div>
        
<div class="control-group">       
 <div class="controls">
  <label class="control-label" for="input01">Comentários:</label>
    <textarea  name="comments" maxlength="1000" cols="25" rows="6"...