DevOps:Doc/FlexForm/2.0/input - Revision history

Fd4138e7-8b46-4c8f-99bf-d4b738ebc295 at 20:39, 23 March 2026

2026-03-23T20:39:18Z

← Older revision		Revision as of 22:39, 23 March 2026
Line 36:		Line 36:


	'''- tempex''' attribute in FlexForm is a custom attribute~~. This is in its beta status and is being tested and tweaked~~.		'''- tempex''' attribute in FlexForm is a custom attribute.

	Tempex stands for Template Execute. You can add this attribute to e.g. a text field, textarea, number field, etc.. The value of that field will be ~~determent by~~ the result of an executed/parsed template.		Tempex stands for Template Execute. You can add this attribute to e.g. a text field, textarea, number field, etc.. The value of that field will be the result of an executed/parsed template.

			The value for tempex starts with the name of the template, followed by the field names in your form, all divided by a pipe. Those fields will be monitored for changes and when a change is detected the template is parsed and the result will be inserted into the field that has the tempex argument. This means you can have a template do various complex tasks and have the result shown in the Form for saving. But also something simple like this example :
	The value for tempex starts with the name of the template, followed by the field names in your form, all ~~devided~~ by a pipe. Those fields will be monitored for changes and when a change is detected the template is parsed and the result will be inserted into the field that has the tempex argument. ~~Example~~ :


Line 54:		Line 53:
	</syntaxhighlight>		</syntaxhighlight>

	Of course there should be a '''Template:TestingTempex''' in your wiki in this example.		Of course there should be a '''Template:TestingTempex''' in your wiki in this example. It could then put a ready to go message with filled in name and email into the textarea and perhaps have FlexForm use it to send that content as an email.

Fd4138e7-8b46-4c8f-99bf-d4b738ebc295: Text replacement - "|Subject version=2.0,2.1" to "|Subject version=2.0,2.1,2.5"

2025-08-21T09:07:43Z

Text replacement - "|Subject version=2.0,2.1" to "|Subject version=2.0,2.1,2.5"

ws-class-props
← Older revision		Revision as of 11:07, 21 August 2025
Line 1:		Line 1:
	{{Csp class properties		{{Csp class properties
	\|Subject version=2.0,2.1		\|Subject version=2.0,2.1,2.5
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm
	\|Doc sort order=100		\|Doc sort order=100

Maintenance script: Imported by PageSync

2025-07-15T08:33:39Z

Imported by PageSync

ws-class-props
← Older revision		Revision as of 10:33, 15 July 2025
Line 1:		Line 1:
	{{~~Doc~~ properties		{{Csp class properties
	\|Subject version=2.0,2.1		\|Subject version=2.0,2.1
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm

3f181944-9694-4c7c-83d3-a6193204adb3: lowercase br

2025-02-28T09:32:25Z

lowercase br

← Older revision		Revision as of 11:32, 28 February 2025
Line 46:		Line 46:
	<syntaxhighlight lang="html">		<syntaxhighlight lang="html">
	<form action="get" class="simple">		<form action="get" class="simple">
	<label for="fname">First name</label> <input type="text" id="fname" name="First name" /><BR>		<label for="fname">First name</label> <input type="text" id="fname" name="First name" /><br>
	<label for="lname">Last name</label><input type="text" id="lname" name="Last name" /><br>		<label for="lname">Last name</label><input type="text" id="lname" name="Last name" /><br>
	<label for="email">email address</label> <input type="email" id="email" name="email" /><br>		<label for="email">email address</label> <input type="email" id="email" name="email" /><br>

Fd4138e7-8b46-4c8f-99bf-d4b738ebc295 at 13:59, 29 February 2024

2024-02-29T13:59:44Z

← Older revision		Revision as of 15:59, 29 February 2024
Line 23:		Line 23:

	''TODO: Above needs more details''<syntaxhighlight lang="html">		''TODO: Above needs more details''<syntaxhighlight lang="html">
	<~~_input~~ type="number" name="Number" />		<input type="number" name="Number" />
	...		...
	<~~_input~~ type="hidden" name="Number with prefix" value="nr. [Number]" parsepost />		<input type="hidden" name="Number with prefix" value="nr. [Number]" parsepost />
	</syntaxhighlight>		</syntaxhighlight>

Charlot: User:Charlot

2023-03-31T19:57:46Z

User:Charlot

ws-class-props
← Older revision		Revision as of 21:57, 31 March 2023
Line 1:		Line 1:
	{{Doc properties		{{Doc properties
	\|Subject version=2.0		\|Subject version=2.0,2.1
	\|Doc subject=DevOps:Doc/FlexForm		\|Doc subject=DevOps:Doc/FlexForm
	\|Doc sort order=100		\|Doc sort order=100

3db66e99-65c2-455c-8c2f-b824f4244ba8 at 15:36, 28 March 2023

2023-03-28T15:36:38Z

← Older revision		Revision as of 17:36, 28 March 2023
Line 22:		Line 22:
	This will read the form field value with name "title" and replace [title] in the value of the newtitle field		This will read the form field value with name "title" and replace [title] in the value of the newtitle field

	''TODO: Above needs more details''		''TODO: Above needs more details''<syntaxhighlight lang="html">
			<_input type="number" name="Number" />
			...
			<_input type="hidden" name="Number with prefix" value="nr. [Number]" parsepost />
			</syntaxhighlight>

	'''- html''' attribute allows filtering input fields. The options are :		'''- html''' attribute allows filtering input fields. The options are :

Charlot at 20:25, 13 December 2022

2022-12-13T20:25:39Z

← Older revision		Revision as of 22:25, 13 December 2022
Line 1:		Line 1:
	===Name===		===Name===
	~~_input~~		input
	===Type===		===Type===
	~~_input~~		input
	===Synopsis===		===Synopsis===
	Create various input ~~field using _input~~		Create various input fields
	===Description===		===Description===
	~~_input~~ is like input in HTML, but can differ sometimes.		input is like input in HTML, but can differ sometimes.
	===Parameters===		===Parameters===
	All valid HTML attributes can be used, like :		All valid HTML attributes can be used, like :
Line 12:		Line 12:
	name, value, class, placeholder, required etc..		name, value, class, placeholder, required etc..

	For possible types you can search the '''FlexForm''' docs for all documentation that starts with ~~_input~~.		For possible types you can search the '''FlexForm''' docs for all documentation that starts with input.

	Some examples for types are : text, url, phone, textarea, password, range, checkboxes, radiobutton, email and more.		Some examples for types are : text, url, phone, textarea, password, range, checkboxes, radiobutton, email and more.
Line 42:		Line 42:

	<syntaxhighlight lang="html">		<syntaxhighlight lang="html">
	<~~_form~~ action="get" class="simple">		<form action="get" class="simple">
	<~~_label~~ for="fname">First name</~~_label~~> <~~_input~~ type="text" id="fname" name="First name" /><BR>		<label for="fname">First name</label> <input type="text" id="fname" name="First name" /><BR>
	<~~_label~~ for="lname">Last name</~~_label~~>< ~~_input~~ type="text" id="lname" name="Last name" /><br>		<label for="lname">Last name</label><input type="text" id="lname" name="Last name" /><br>
	<~~_label~~ for="email">email address</~~_label~~> <~~_input~~ type="email" id="email" name="email" /><br>		<label for="email">email address</label> <input type="email" id="email" name="email" /><br>
	<~~_input type="~~textarea" size="150" name="total" class="tital" tempex="TestingTempex\|First name\|Last name\|email" />		<textarea size="150" name="total" class="tital" tempex="TestingTempex\|First name\|Last name\|email" />
	<~~_input~~ type="submit" value="getsend" />		<input type="submit" value="getsend" />
	</~~_form~~>		</form>
	</syntaxhighlight>		</syntaxhighlight>

Line 61:		Line 61:

	Example on how to use required in FlexForm :<syntaxhighlight lang="html">		Example on how to use required in FlexForm :<syntaxhighlight lang="html">
	<~~_input~~ type="email" name="emailfield" placeholder="This is a placeholder" required="required" />		<input type="email" name="emailfield" placeholder="This is a placeholder" required="required" />
	</syntaxhighlight>		</syntaxhighlight>

Charlot: User:Charlot

2022-12-13T20:23:15Z

User:Charlot

ws-class-props
← Older revision		Revision as of 22:23, 13 December 2022
Line 4:		Line 4:
	\|Doc sort order=100		\|Doc sort order=100
	\|Doc target group=User		\|Doc target group=User
			\|Doc synopsis=Create various input field using _input
			\|Doc parent=
	}}		}}

Charlot: User:Charlot

2022-12-13T20:23:06Z

User:Charlot

New page

===Name===
_input
===Type===
_input
===Synopsis===
Create various input field using _input
===Description===
_input is like input in HTML, but can differ sometimes.
===Parameters===
All valid HTML attributes can be used, like :

name, value, class, placeholder, required etc..

For possible types you can search the '''FlexForm''' docs for all documentation that starts with _input.

Some examples for types are : text, url, phone, textarea, password, range, checkboxes, radiobutton, email and more.

There are some '''FlexForm''' specific attributes like ''parsepost'' and ''html''.

'''- parsepost''' can be used on e.g. a hidden field where the value holds names of other fields to be switched at post processing. e.g.

This will read the form field value with name "title" and replace [title] in the value of the newtitle field

''TODO: Above needs more details''

'''- html''' attribute allows filtering input fields. The options are :

* "default" which is the same as not adding it at all. It will filter by the HTMLPurifier rules (see link below)
* "all" no filtering will be done (not even XSS hacks)
* "nohtml" means all HTML will be filtered out
* "custom" is used like this : "custom=b,u,i", meaning no html is allowed, except bold, italic and underline

'''- tempex''' attribute in FlexForm is a custom attribute. This is in its beta status and is being tested and tweaked.

Tempex stands for Template Execute. You can add this attribute to e.g. a text field, textarea, number field, etc.. The value of that field will be determent by the result of an executed/parsed template.

The value for tempex starts with the name of the template, followed by the field names in your form, all devided by a pipe. Those fields will be monitored for changes and when a change is detected the template is parsed and the result will be inserted into the field that has the tempex argument. Example :

<syntaxhighlight lang="html">
<_form action="get" class="simple">
<_label for="fname">First name</_label> <_input type="text" id="fname" name="First name" /><BR>
<_label for="lname">Last name</_label>< _input type="text" id="lname" name="Last name" /><br>
<_label for="email">email address</_label> <_input type="email" id="email" name="email" /><br>
<_input type="textarea" size="150" name="total" class="tital" tempex="TestingTempex|First name|Last name|email" />
<_input type="submit" value="getsend" />
</_form>
</syntaxhighlight>

Of course there should be a '''Template:TestingTempex''' in your wiki in this example.

'''- required''' attribute in FlexForm differs from the HTML variant.

When a '''HTML5''' form field has the word "'''required'''" as an attribute, this field will always be required. Even '''required="no"''' will make the field required.

With '''FlexForm''' this needs to be '''required="required"''' for an input field to be required. Only required or required="no" or required="whatever" will not make the field a required field.

Example on how to use required in FlexForm :<syntaxhighlight lang="html">
<_input type="email" name="emailfield" placeholder="This is a placeholder" required="required" />
</syntaxhighlight>

===Example===

===Note===

===Links===