Figyelem!

Ez az űrlap csak bemutatási célt szolgál! Az adatok nem küldhetőek el! A plugint tesztelni a Plugin kipróbálása pontban tudja.

Ikon Awesome

[INPUT type="text" id="sample1"]

[INPUT type="text" id="sample1"]
Ez esetben az alapértelmezett ikont használja.

[INPUT type="text" id="sample2" icon=""]

[INPUT type="text" id="sample2" icon=""]

[INPUT type="text" id="sample3" icon="fa fa-copyright"]

[INPUT type="text" id="sample3" icon="fa fa-copyright"]

Kötelező

[INPUT type="text" id="sample4" required]

[INPUT type="text" id="sample4" required]

[INPUT type="text" id="sample5" required invalid="Ez egy kötelező mező!"]

[INPUT type="text" id="sample5" required invalid="Ez egy kötelező mező!"]
Az üzenet akkor fog megjelenni, amikor a kitöltéssel továbblép a felhasználó.

Értékadás

[INPUT type="text" id="sample6" value=""]

[INPUT type="text" id="sample6" value=""]
Mindenképpen üres mező.

[INPUT type="text" id="sample7" value="Beállított érték"]

[INPUT type="text" id="sample7" value="Beállított érték"]

[INPUT type="text" id="sample7a" value="shortcode"]

[INPUT type="text" id="sample7a" value="shortcode"]

[INPUT type="text" id="sample8"]

[INPUT type="text" id="sample8"]
value = $_REQUEST['sample8']

[INPUT type="text" id="sample9" value="COOKIE"]

[INPUT type="text" id="sample9" value="COOKIE"]
Value = $_COOKIE['sample9']
Ebben az esetben az értéket az űrlap elküldésekor el is menti.

Egyéb beállítások

[INPUT type="text" id="sample5a" readonly]

[INPUT type="text" id="sample5a" readonly]

[INPUT type="text" id="sample10" placeholder="Placeholder szöveg"]

[INPUT type="text" id="sample10" placeholder="Placeholder szöveg"]

[INPUT type="text" id="sample11" description="Magyarázó szöveg"]

[INPUT type="text" id="sample11" description="Magyarázó szöveg"]

[INPUT type="text" id="sample12" class="my_class"]

[INPUT type="text" id="sample12" class="my_class"]
<style>.my_class{background-color:#DDFEC7;}</style>

[INPUT type="text" id="sample13" style="background-color: #C6C6FF; border: 2px dotted red;"]

[INPUT type="text" id="sample13" style="background-color: #C6C6FF; border: 2px dotted red;"]
Minden egyéb key="value" beállítás.

[INPUT type="text" id="sample13" onclick="my_alert();"]

[INPUT type="text" id="sample13" onclick="my_alert();"]
Akár javascript hívás is megadható.

Javascript függvényen keresztüli adatmódosítás
A HTML sablonban elhelyezhető a javascript kód. Lehetséges használatára egy példa:

[INPUT type="number" id="num1" onkeyup="calculate();"] [INPUT type="number" id="num1 onkeyup="calculate();"]

[INPUT type="number" id="num2" onkeyup="calculate();"] [INPUT type="number" id="num2" onkeyup="calculate();"]

[INPUT type="number" id="num3" class="text-center" icon="" readonly] [INPUT type="number" id="num3" class="text-center" icon="" readonly]

Minden egyben

[INPUT type="text" id="sample14" value="Set the value" class="my_class" onclick="my_alert();" style="border: 2px dotted red;" description="Input description" placeholder="Placeholder text" required invalid="This is required field!" icon="fa fa-copyright"]

[INPUT type="text" id="sample14" value="Set the value" class="my_class" onclick="my_alert();" style="border: 2px dotted red;" description="Input description" placeholder="Placeholder text" required invalid="This is required field!" icon="fa fa-copyright"]

Típus specifikus beállítások

Szám:

[INPUT type="number" id="number" dec="." sep=" "]

[INPUT type="number" id="number" dec="." sep=" "]
dec="" : tizedes elválasztó (Ha nincs, akkor csak egész számok)
sep="" : ezres elválasztó (Ha nincs, akkor nem tagolt a szám)
Elfogadott karakterek: [0-9] és a tizedes elválasztó.

Dátum:

[INPUT type="date" id="date" format="Y. F d., l"]

[INPUT type="date" id="date" format="Y. F d., l"]
format="" : WordPress dátum formátum (i18n)
A PDF generálásnál kerül felhasználásra. A böngészőben való megjelenés böngésző specifikus.

Maszk:

[INPUT type="mask" id="mask" mask="999-aaa-www?-***"]

[INPUT type="mask" id="mask" mask="999-aaa-www?-***"]
Elfogadott karakterek:

9 : csak számok
a : csak angol karakterek
w : angol karakterek és számok
h : hexadecimális karakterek
* : bármilyen karakter
? : opcionális - az ezt követőek nem szükségesek