Minta űrlap

[betöltve: /demo/forms/sample-parameters-hu-demo.html]
Ez egy Bootstrap 4 minta sablon

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

[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ó.
[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.
[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