joaopaulofcc

Untitled

Sep 22nd, 2021
920
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>Colaborador</title>
  5.         <meta charset="utf-8">
  6.        
  7.         <script src="./scripts/jquery-3.5.1.js"></script>
  8.         <script src="./scripts/colaborador/cadastro.js"></script>
  9.         <script src="./scripts/colaborador/grid.js"></script>
  10.     </head>
  11.    
  12.     <body>
  13.         <form name="formulario">
  14.             <p>
  15.                 <label>Nome:</label>
  16.                 <input id="nome" type="text">
  17.             </p>
  18.  
  19.             <p>
  20.                 <label>Salário (R$):</label>
  21.                 <input id="salario" type="number">
  22.             </p>
  23.  
  24.             <p>
  25.                 <label>Cargo:</label>
  26.                 <select id="cargo">
  27.                     <option value="0">Selecione o cargo...</option>
  28.                 </select>
  29.             </p>
  30.    
  31.             <p>
  32.                 <button id="salvar" type="button">Salvar</button>
  33.             </p>
  34.  
  35.             <hr>
  36.  
  37.             <p>
  38.                 <label>Colaboradores Cadastrados</label>
  39.  
  40.                 <p>
  41.                     <label>Filtrar por Faixa de Salário:</label>
  42.                     <input type="number" id="valorInicial">
  43.                     <input type="number" id="valorFinal">
  44.                     <button type="button" id="filtrar">Filtrar</button>
  45.                 </p>
  46.  
  47.                 <table>
  48.                     <thead>
  49.                         <tr>
  50.                             <th>ID</th>
  51.                             <th>NOME</th>
  52.                             <th>CARGO</th>
  53.                             <th>SALÁRIO</th>
  54.                         </tr>
  55.                     </thead>
  56.                     <tbody id="grid">
  57.  
  58.                     </tbody>
  59.                 </table>
  60.             </p>
  61.         </form>
  62.     </body>
  63. </html>
RAW Paste Data