(Imported by PageSync) Tag: wsps-content-edit-tag |
|||
| (7 intermediate revisions by 2 users not shown) | |||
| Line 13: | Line 13: | ||
<input type="submit" value="submit" /> | <input type="submit" value="submit" /> | ||
</form> | </form> | ||
| − | </syntaxhighlight>This is the same form, but now build with '''FlexForm''' :<syntaxhighlight> | + | </syntaxhighlight>This is the same form, but now build with '''FlexForm''' : |
| − | < | + | <syntaxhighlight lang="wikitext"> |
| − | < | + | <form> |
| − | < | + | <label for="name">Name</label> |
| − | < | + | <input type="text" name="name" /> |
| − | </ | + | <input type="submit" value="submit" /> |
| + | </form> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| − | + | They only extra thing you need to add to a FlexForm Form is what to do when the form is submitted. The Docs will help you there. | |
| + | |||
| + | |||
| + | Still need some help ? | ||
| + | |||
| + | [[File:Discord-logo-blue.png|alt=|frameless|300x300px|link=https://discord.gg/ehFrPmT]] | ||
Try the FlexForm Discord channel at https://discord.gg/ehFrPmT | Try the FlexForm Discord channel at https://discord.gg/ehFrPmT | ||
| − | + | [[File:Logo-ele-secondary.svg|alt=|frameless|300x300px|link=https://matrix.to/#/#wsform:matrix.org]] | |
Join the FlexForm and PageSync element channel : https://matrix.to/#/#wsform:matrix.org | Join the FlexForm and PageSync element channel : https://matrix.to/#/#wsform:matrix.org | ||
| ws-class-props | |||
|---|---|---|---|
| Line 1: | Line 1: | ||
| − | {{ | + | {{Csp class properties |
| − | |Subject version=2.0 | + | |Subject version=2.0,2.1 |
|Doc subject=DevOps:Doc/FlexForm | |Doc subject=DevOps:Doc/FlexForm | ||
|Doc sort order=5 | |Doc sort order=5 | ||
|Doc target group=User | |Doc target group=User | ||
| + | |Doc synopsis=Tips on getting started with FlexForm | ||
| + | |Doc parent= | ||
}} | }} | ||
Revision as of 10:36, 15 July 2025
FlexForm is a parser function. You can use it on any page and in any namespace. By default it will render plain HTML5 forms with no styling. To bring forms to life and make them attractive, you will need to add styling to a FlexForm or render using themes.
FlexForm syntax is much like creating a standard form in HTML5, so if you are familiar with creating HTML5 forms, you should have no problems with FlexForm.
If you are not familiar with HTML Forms, then this link to W3schools might be a good start.
Example:
This is a simple HTML5 form :
<form>
<label for="name">Name</label>
<input type="text" name="name" />
<input type="submit" value="submit" />
</form>
This is the same form, but now build with FlexForm :
<form>
<label for="name">Name</label>
<input type="text" name="name" />
<input type="submit" value="submit" />
</form>They only extra thing you need to add to a FlexForm Form is what to do when the form is submitted. The Docs will help you there.
Still need some help ?
Try the FlexForm Discord channel at https://discord.gg/ehFrPmT
Join the FlexForm and PageSync element channel : https://matrix.to/#/#wsform:matrix.org
