JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
<form id="form1">
                    <div style="position: relative;">
                        <a class='btn btn-primary' href='javascript:;'>
                            Browser
                            <input type="file" id="uploadEditorImage" style='position: absolute; z-index: 2; top: 0; left: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; background-color: transparent; color: transparent;' name="file_source" size="40" onchange='$("#upload-file-info").html($(this).val());'>
                        </a>
                        &nbsp;
                        <span class='label label-info' id="upload-file-info"></span>
                    </div>
                    <br />
                    <div class="form-group">
                        <input type="text" class="form-control" id="inputNome" name="name" placeholder="TĂ­tulo">
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control" id="inputPalavraChave" name="name" placeholder="Palavra Chave" data-role="tagsinput" />
                    </div>
                    <div class="form-group">
                        <textarea cols="30" rows="10" class="form-control" id="inputTexto" placeholder="Resumo" name="texto"></textarea>
                    </div>
                    <div class="form-group">
                        <button type="button" id="myButton" data-loading-text="Enviando..." class="btn btn-primary">
                            Enviar
                        </button>
                    </div>
                </form>