SJ
san Jubs

Contract Form - Copy this React, Tailwind Component to your project

Faça um formulário contendo estes itens: <div class="form group row"> <div class="tipo despesa container"> <label class="tipo despesa label">Tipo de Despesa:</label> <div class="radio group"> <div class="radio option"> <input type="radio" id="custeio" name="tipo_despesa" value="CUSTEIO" checked> <label for="custeio">CUSTEIO</label> </div> <div class="radio option"> <input type="radio" id="investimento" name="tipo_despesa" value="INVESTIMENTO"> <label for="investimento">INVESTIMENTO</label> </div> </div> </div> <div> <label for="numero_contrato">Número Contrato:</label> <input type="text" name="numero_contrato" id="numero_contrato" required style="background color: #e6f7ff; text align: center;"> </div> <div> <label for="aditivo">Aditivo:</label> <input type="text" name="aditivo" placeholder="Nº do Aditivo" > </div> <div class="valor fatura" id="campo_valor_fatura"> <label for="valor_total_fatura">Valor Total da Fatura:</label> <input type="text" name="valor_total_fatura" class="money" id="valor_total_fatura" style="text align: right;"> </div> </div> <div class="form group row"> <div> <label for="data_inicio_contrato">Data Início:</label> <input type="date" name="data_inicio_contrato" required> </div> <div> <label for="data_fim_contrato">Data Fim:</label> <input type="date" name="data_fim_contrato" required> </div> <div> <label for="empenho">Empenho:</label> <input type="text" name="empenho" placeholder="Nº do Empenho"> </div> <div> <label for="ordem_empenho">Ordem Empenho:</label> <input type="text" name="ordem_empenho" placeholder="Ordem do empenho"> </div> <div> <label for="processo_administrativo">Número P.A:</label> <input type="text" name="processo_administrativo" placeholder="Nº do P.A" required> </div> </div> <div class="form group row"> <div> <label for="fiscal_tecnico">Fiscal Técnico:</label> <select name="fiscal_tecnico" required> <option value="">Selecione o Fiscal Técnico (Obrigatório)</option> <?php $stmt = $pdo_deintel >query("SELECT nome FROM tecnico"); while ($row = $stmt >fetch(PDO::FETCH_ASSOC)) { echo "<option value='{$row['nome']}'>{$row['nome']}</option>"; } ?> </select> </div> <div> <label for="fiscal_administrativo">Fiscal Administrativo (Opcional):</label> <select name="fiscal_administrativo"> <option value="">Selecione o Fiscal Administrativo (Opcional)</option> <?php $stmt = $pdo_deintel >query("SELECT nome FROM tecnico"); while ($row = $stmt >fetch(PDO::FETCH_ASSOC)) { echo "<option value='{$row['nome']}'>{$row['nome']}</option>"; } ?> </select> </div> </div> <label for="objeto_contrato">Objeto do Contrato:</label> <textarea name="objeto_contrato" rows="4" required></textarea><br> <button type="submit">Adicionar Contrato</button> </form>

Prompt
Component Preview

About

ContractForm - Create a detailed contract form with expense types, dates, and fiscal selections, professionally built with React and Tailwind. Copy now for free!

Share

Last updated 1 month ago