edge-components

Form Default Values 

<form method="POST">
    csrf

    <div class="form-control mb-5">
        <label class="label cursor-pointer" for="firstname">
            <span class="label-text">
                Firstname:</span>
        </label>
        <input type="text" class="input input-bordered" name="firstname" id="firstname" value="Jeremy" />

    </div>

    <div class="form-control mb-5">
        <label class="label cursor-pointer" for="confirm">
            <span class="label-text">
                Confirm:</span>
        </label>
        <input type="checkbox" class="checkbox" name="confirm" id="confirm" checked="ok" value="ok" />

    </div>

    <div class="form-control mb-5">
        <label class="label cursor-pointer" for="manual_confirm">
            <span class="label-text">
                Manual Confirm:</span>
        </label>
        <input type="checkbox" class="checkbox" name="manual_confirm" id="manual_confirm" checked value="" />

    </div>

    <div class="form-control mb-5">
        <label class="label cursor-pointer" for="displayname">
            <span class="label-text">
                Displayname:</span>
        </label>
        <input type="text" class="input input-bordered" name="displayname" id="displayname" value="Jerem" />

    </div>

</form>
 
@jrmc.form({ error: false, object: {
  firstname: 'Jeremy',
  confirm: 'ok'
} })
  @jrmc.form.control({ name: 'firstname' })
    @!jrmc.form.input({ class: 'input-bordered' })
  @end

  @jrmc.form.control({ name: 'confirm' })
    @!jrmc.form.checkbox({ value: 'ok' })
  @end

  @jrmc.form.control({ name: 'manual_confirm' })
    @!jrmc.form.checkbox({ checked: true })
  @end

  @jrmc.form.control({ name: 'displayname' })
    @!jrmc.form.input({ value: 'Jerem', class: 'input-bordered' })
  @end
@end
  • Handle: @form-default-values
  • Preview:
  • Filesystem Path: fractal/components/03-form/02-form-default-values.edge

Form

Option value
method GET/POST HTTP method (default POST)
csrf true/false add csrf input hidden (default true)
error true/false show errors message (default true)