Class: Form

new Form(action, data, target, direction, offcanvas_class, debugopt, webauthn_checkopt)

Parameters:

Name	Type	Attributes	Default	Description
action	string			Nombre de la operación de destino
data	JsonString			Datos que se agregan al post del form para evitar inputs de tipo hidden
target	NavigationTarget			Destino del resultado
direction	DirectionType			Dirección en la que va a mostrarse el menú
offcanvas_class	string			Clase css que se va a dar al menú
debug	BooleanString	<optional>	"false"	Establece modo de depuracion
webauthn_check	BooleanString	<optional>	"false"	Establece si debe requerir autenticacion por medio de webauthn para ejecutar el evento submit

Source:

• data/Form.js, line 7

Example

<form action="ProductoDepositar" target="menu" direction="bottom" offcanvas_class="rounded-m"> 
  <div class="menu-size" style="height:auto;" >
    <div class="content mt-0 mb-2">
      <div class="form-custom form-label form-icon">
        <i class="bi bi-check-circle font-13"></i>
        <select class="form-select rounded-xs" name="medioPago" value="{{opcionSeleccionada}}" aria-label="">
          <optgroup label="Medios de Pago">          
            {{opciones|OpcionCombo}}
          </optgroup>
        </select>
        <label for="medioPago" class="form-label-always-active color-highlight font-11">Medio de pago</label>
      </div>
      <div class="pb-3"></div>
      <div class="form-custom form-label form-icon">
        <i class="bi bi-hash font-14"></i>
        <input type="number" class="form-control rounded-xs" name="importe" placeholder="ingrese el monto">
        <label for="importe" class="form-label-always-active color-highlight font-11">Importe</label>
        <span class="font-10">( Moneda: $ ARG )</span>
      </div>
      <div class="pb-3"></div>
      <input type="submit" class="form-control rounded-xs btn btn-full gradient-highlight shadow-bg shadow-bg-s" value="Depositar" offcanvas_class="rounded-m">
    </div>
  </div>
</form>