Barnekreftforeningen MinSide portal

Webform 

<form class="webform-submission-form" action="" method="post" accept-charset="UTF-8">

    <div class="form-item form-type-text form-item-name">

        <label for="edit-name">
  Your Name
</label>

        <input type="text" id="edit-name" name="name" class="form-text" />

    </div>

    <div class="form-item form-type-email form-item-email">

        <label for="edit-email">
  Your Email
</label>

        <input type="email" id="edit-email" name="email" class="form-email" />

    </div>

    <fieldset id="edit-address-type--wrapper" class="radios--wrapper fieldgroup form-composite webform-composite-visible-title webform-type-radios form-item form-wrapper">
        <legend>
            <span class="fieldset-legend">Address Type</span>
        </legend>
        <div class="fieldset-wrapper">
            <div id="edit-address-type" class="webform-options-display-one-column form-radios">

                <div class="form-item form-type-radio form-item-address-type">

                    <input type="radio" id="edit-address-type--private" name="address-type" class="form-radio" />

                    <label for="edit-address-type--private">
  Private
</label>

                </div>

                <div class="form-item form-type-radio form-item-address-type">

                    <input type="radio" id="edit-address-type--commercial" name="address-type" class="form-radio" />

                    <label for="edit-address-type--commercial">
  Commercial
</label>

                </div>

            </div>
        </div>
    </fieldset>

    <div class="form-item form-type-textarea form-item-message">

        <label for="edit-message">
  Your Message
</label>

        <div class="form-textarea-wrapper">
            <textarea id="edit-message" name="message" class="form-textarea resize-vertical"></textarea>
        </div>

    </div>

    <div class="form-item form-type-checkbox form-item-subscribe">

        <input type="checkbox" id="edit-subscribe" name="subscribe" class="form-checkbox" />

        <label for="edit-subscribe">
  Subscribe to Newsletter
</label>

    </div>

    <div class="form-actions webform-actions form-wrapper" id="edit-actions">
        <input class="webform-button--submit button button--primary form-submit" type="submit" id="edit-actions-submit" name="op" value="Lagre">
    </div>
</form>
 
<form class="webform-submission-form" action="" method="post" accept-charset="UTF-8">
  {% for field in fields %}
    {% include '@webform-item' with field %}
  {% endfor %}

  {% if submit %}
    <div class="form-actions webform-actions form-wrapper" id="edit-actions">
      <input class="webform-button--submit button button--primary form-submit" type="submit" id="edit-actions-submit" name="op" value="{{ submit.label }}">
    </div>
  {% endif %}
</form>
 
{
  "fields": [
    {
      "type": "text",
      "name": "name",
      "label": "Your Name"
    },
    {
      "type": "email",
      "name": "email",
      "label": "Your Email"
    },
    {
      "type": "radios",
      "name": "address-type",
      "label": "Address Type",
      "fields": [
        {
          "type": "radio",
          "name": "address-type",
          "id": "address-type--private",
          "label": "Private"
        },
        {
          "type": "radio",
          "name": "address-type",
          "id": "address-type--commercial",
          "label": "Commercial"
        }
      ]
    },
    {
      "type": "textarea",
      "name": "message",
      "label": "Your Message"
    },
    {
      "type": "checkbox",
      "name": "subscribe",
      "label": "Subscribe to Newsletter"
    }
  ],
  "submit": {
    "label": "Send Message"
  }
}

There are no notes for this item.