Formulario

by Luiz Vargas

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<div class="container" style="border: 2px solid navy">
  <span> VENTANILLA SOLICITUDES MIS-INFORMACIÓN DE GESTIÓN</span>
  <p>Área del Solicitante*</p>
  <select id="" class="form-control sel">
    <option value="0">- Seleccione una opción -</option>
 </select>
  <br>
  <br>
  <input type="text" class="form-control" placeholder="Otro Indicar Área">
  <p>Nombre del Solicitante*</p>
  <input type="text" class="form-control" placeholder="Nombre">

  <p>Teléfono o Extención</p>
  <input type="text" class="form-control" placeholder="Teléfono">
  <p>Tipo de Requerimiento*</p>
  
  <div class="form-check">
    <input class="form-check-input" type="checkbox" id="gridCheck">
      <label class="form-check-label" for="gridCheck">
       Cambio de Regla
      </label>
    <input class="form-check-input" type="checkbox" id="gridCheck">
      <label class="form-check-label" for="gridCheck">
        Seguimiento a la Actividad
      </label>
    <br>
    <input class="form-check-input" type="checkbox" id="gridCheck">
      <label class="form-check-label" for="gridCheck">
        Nuevo Requerimiento
      </label>
    <input class="form-check-input" type="checkbox" id="gridCheck">
      <label class="form-check-label" for="gridCheck">
        Tablero
      </label>
    <br>
    <input class="form-check-input" type="checkbox" id="gridCheck">
      <label class="form-check-label" for="gridCheck">
        Site
      </label>
  </div>
  <p>Indica el Tablero que sifre modificaciones*</p>
  <select id="" class="form-control sel">
    <option value="0">- Seleccione una opción -</option>
  </select>
  <br>
  <br>
  <input type="text" class="form-control" placeholder="Nuevo u Otro (Especificar)">
  <p>Indica el prpósito / objetivo / impacto de requerimiento*</p>
  <input type="text" class="form-control"...