Forms

Form

{{< svugo/forms/form name=form1 >}}
{{< /svugo/forms/form >}}

Example

{{< svugo/forms/form name=form1 >}}
    {{< svugo/forms/submit value=Submit >}}
{{< /svugo/forms/form >}}

Example with javascript function callback

{{< svugo/forms/form name=form2 onSubmitCallback="alert" >}}
    {{< svugo/forms/submit value=Submit >}}
{{< /svugo/forms/form >}}

Source

https://gitlab.com/Saverio976/savugo/-/blob/main/svugoLayouts/_shortcodes/svugo/forms/form.html

Fieldset

{{< svugo/forms/fieldset legend="some category" >}}
{{< /svugo/forms/fieldset >}}

Example

{{< svugo/forms/form name=form1a >}}
    {{< svugo/forms/fieldset legend="Collect data:" >}}
        {{< svugo/forms/checkbox name=checkbox1a label="yes" value="1" >}}
        {{< svugo/forms/checkbox name=checkbox1a label="no" value="0" >}}
    {{< /svugo/forms/fieldset >}}
    {{< svugo/forms/submit value=Submit >}}
{{< /svugo/forms/form >}}

Source

https://gitlab.com/Saverio976/savugo/-/blob/main/svugoLayouts/_shortcodes/svugo/forms/fieldset.html

Input

Text

{{< svugo/forms/text name=text1 label="Text:" >}}

Attributes (Input Text) {Optional}

More documentation: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/text

list
maxlength
minlength
pattern
placeholder
readonly
size
spellcheck

Attributes (Shortcode)

name: html id, html name

Attributes (Shortcode) {Optional}

label: label text
toJSVar: js variable name

Example

{{< svugo/forms/form name=form3 >}}
    {{< svugo/forms/text name=text1 label="Text:" >}}
    {{< svugo/forms/submit value=Submit >}}
{{< /svugo/forms/form >}}

Source

https://gitlab.com/Saverio976/savugo/-/blob/main/svugoLayouts/_shortcodes/svugo/forms/text.html

Radio

{{< svugo/forms/radio name=radio1 value="ok" label="ok" >}}
{{< svugo/forms/radio name=radio1 value="ko" label="ko" >}}

Attributes (HTML) {Optional}

More documentation: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/radio

checked

Attributes (Shortcode)

name: html name
value: element value

Attributes (Shortcode) {Optional}

label: label text
toJSVar: js variable name

Example

{{< svugo/forms/form name=form4 >}}
    {{< svugo/forms/radio name=radio1 label="ok" value="ok" >}}
    {{< svugo/forms/radio name=radio1 label="ko" value="ko" >}}
    {{< svugo/forms/submit value=Submit >}}
{{< /svugo/forms/form >}}

Source

https://gitlab.com/Saverio976/savugo/-/blob/main/svugoLayouts/_shortcodes/svugo/forms/radio.html

Number

{{< svugo/forms/number name=number1 label="Number:" >}}

Attributes (HTML) {Optional}

More documentation: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/number

list
max
min
placeholder
readonly
step

Attributes (Shortcode)

name: html id, html name

Attributes (Shortcode) {Optional}

label: label text
toJSVar: js variable name

Example

{{< svugo/forms/form name=form5 >}}
    {{< svugo/forms/number name=number1 label="Number:" >}}
    {{< svugo/forms/submit value=Submit >}}
{{< /svugo/forms/form >}}

Source

https://gitlab.com/Saverio976/savugo/-/blob/main/svugoLayouts/_shortcodes/svugo/forms/number.html

Submit

{{< svugo/forms/submit value="Submit" >}}

Attributes (HTML)

Attributes (Shortcode)

value: display text

Attributes (Shortcode) {Optional}

Example

{{< svugo/forms/form name=form6 >}}
    {{< svugo/forms/submit value=Submit >}}
{{< /svugo/forms/form >}}

Source

https://gitlab.com/Saverio976/savugo/-/blob/main/svugoLayouts/_shortcodes/svugo/forms/submit.html

Checkbox

{{< svugo/forms/checkbox name=checkbox1 label="ok1" value="ok1" >}}
{{< svugo/forms/checkbox name=checkbox1 label="ok2" value="ok2" >}}

Attributes (HTML) {Optional}

More documentation: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/checkbox

checked

Attributes (Shortcode)

name: html name
value: element value

Attributes (Shortcode) {Optional}

label: label text
toJSVar: js variable name

Example

{{< svugo/forms/form name=form7 >}}
    {{< svugo/forms/checkbox name=checkbox1 label="1" value="1" >}}
    {{< svugo/forms/checkbox name=checkbox1 label="2" value="2" >}}
    {{< svugo/forms/submit value=Submit >}}
{{< /svugo/forms/form >}}

Source

https://gitlab.com/Saverio976/savugo/-/blob/main/svugoLayouts/_shortcodes/svugo/forms/checkbox.html

Select

{{< svugo/forms/select name=select1 label="Select options" >}}
{{< /svugo/forms/select >}}

Attributes (HTML) {Optional}

More documentation: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/select

multiple

Attributes (Shortcode)

name: html name, html id

Attributes (Shortcode) {Optional}

label: label text
toJSVar: js variable name

Example

{{< svugo/forms/form name=form7 >}}
    {{< svugo/forms/select name=select1 label="Select options" >}}
        {{< svugo/forms/option value="value1" label="This Super Value 1" >}}
        {{< svugo/forms/option value="value2" label="This Super Value 2" >}}
        {{< svugo/forms/option value="value42" label="42" >}}
    {{< /svugo/forms/select >}}
{{< /svugo/forms/form >}}

Source

https://gitlab.com/Saverio976/savugo/-/blob/main/svugoLayouts/_shortcodes/svugo/forms/select.html

Option

{{< svugo/forms/option value="value1" label="Value 1" >}}

Attributes (HTML)

More documentation: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/select

value: option value

Attributes (Shortcode)

Attributes (Shortcode) {Optional}

label: label text

Example

{{< svugo/forms/form name=form8 >}}
    {{< svugo/forms/select name=select1 label="Select options" >}}
        {{< svugo/forms/option value="value1" label="This Super Value 1" >}}
        {{< svugo/forms/option value="value2" label="This Super Value 2" >}}
        {{< svugo/forms/option value="value42" label="42" >}}
    {{< /svugo/forms/select >}}
{{< /svugo/forms/form >}}

Source

https://gitlab.com/Saverio976/savugo/-/blob/main/svugoLayouts/_shortcodes/svugo/forms/option.html