template-form.html

<h4>Formularios <small> Template </small></h4>
<hr>
<form autocomplete="off">

  <div>

    <div class="form-group row">
      <label class="col-2 col-form-label">Nombre</label>
      <div class="col-8">

        <input class="form-control"
               type="text"
               name="nombre"
               placeholder="Nombre"
               required
               minlength="3">
        <small class="form-text text-danger">Debe ingresar al menos 3 letras
        </small>
      </div>
    </div>

    <div class="form-group row">
      <label class="col-2 col-form-label">Apellido</label>
      <div class="col-8">

        <input class="form-control"
               type="text"
               name="apellido"
               placeholder="Apellido"
               required
               minlength="3">
        <small class="form-text text-danger">Debe ingresar al menos 3 letras
        </small>
      </div>
    </div>

  </div>

  <div class="form-group row">
    <label class="col-2 col-form-label">Correo</label>
    <div class="col-8">

      <input class="form-control"
             type="email"
             name="email"
             placeholder="Correo electrónico"
             required>
      <small class="form-text text-danger">El correo es obligatorio
      </small>
    </div>
  </div>

  <div class="form-group row">
    <label class="col-2 col-form-label">País</label>
    <div class="col-8">
      <select class="form-control"
              name="pais"
              required>
      <option value="01">pais</option>
      <option value="01">pais</option>
      <option value="01">pais</option>
      </select>
      <small class="form-text text-danger">Debe seleccionar un país
      </small>
    </div>
  </div>

  <div class="form-group row">
    <label class="col-2 col-form-label">Género</label>
    <div class="col-8 d-flex align-items-center">
     <div class="form-check form-check-inline">
       <input class="form-check-input"
       type="radio"
       name="genero"
       value="F"
       id="F">
       <label for="F" class="form-check-label">Femenino</label>
     </div>
     <div class="form-check form-check-inline"><input class="form-check-input"
       type="radio"
       name="genero"
       value="M"
       id="M">
       <label for="M" class="form-check-label">Masculino</label>
     </div>
     <small class="form-text text-danger">Debe seleccionar un genero
    </small>
    </div>
    
  </div>

  <div class="form-group row">
    <label class="col-2 col-form-label">&nbsp;</label>
    <div class="btn-group col-md-8">
      <button type="submit" class="btn btn-outline-primary">
        Guardar
      </button>
      <button type="button" class="btn btn-outline-danger">
        Clear
      </button>
      <button type="button" class="btn btn-outline-info">
        Reset
      </button>
    </div>
  </div>

</form>