JSFiddle - React, Tailwind, and code Playground

by Junior Thiesen

HTML

<div id="base">
<div id="copia"><label>Principal Condutor:</label>
        <input class="w-input" type="text" id="" placeholder="Nome do Segurado">
        <label>CPF:</label>
        <input class="w-input" type="text" id="" placeholder="000.000.000-00">
        <label class="right">Sexo:</label>
        <select class="w-select right" id="" name="">
            <option value="">Masculino</option>
            <option value="">Feminino</option>
        </select>
        <label class="menorl">Estado Civil:</label>
        <select class="w-select menorl clear" id="" name="">
            <option value="">Solteiro(a)</option>
            <option value="">Casado(a)</option>
            <option value="">Separado(a)</option>
            <option value="">Divorciado(a)</option>
            <option value="">Viúvo</option>
        </select>
        <label>Nascimento:</label>
        <input class="w-input" type="text" id="nome" placeholder="Data"></div>
</div>

CSS

body {
    font-family: Lato, sans-serif;
    color: #333;
    font-size: 14px;
    line-height: 20px;
}
.w-input {
    display: block;
    width: 50%;
    height: 30px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}
.w-select {
    display: block;
    width: 53.4%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

JavaScript

$(document).ready(function() {
 
$("#mais").click(function() {
linha = $("#copia").html();
$("#base").append("<br />"+linha+"<br />");
});
 
});