Sample form

[include: demo/forms/sample-types-en.html] This is Bootstrap 4 sample template

Data protection

This form is provided as a sample only! Do not enter real data!
[INPUT type="hidden" id="hidden" value="Hidden value"]
[INPUT type="hidden" id="hidden" value="Hidden value"]
[INPUT type="text" id="text" value="This is test"]
[INPUT type="text" id="text" value="This is test"]
[INPUT type="password" id="passwd" value="This is test"]
[INPUT type="password" id="passwd" value="This is test"]
[INPUT type="number" id="number" dec="," sep=" " value="123456,7890"]
Accepted: [0-9] and decimal separator.
[INPUT type="number" id="number" dec="," sep=" " value="123456,7890"]
[INPUT type="date" id="date2" format="Y. F d., l" value="2020-01-01"]
[INPUT type="date" id="date2" format="Y. F d., l" value="2020-01-01"]
"date" ID already occupied!
[INPUT type="time" id="time2" value="12:00"]
[INPUT type="time" id="time2" value="12:00"]
"time" ID already occupied!
[INPUT type="email" id="email" value="info@internet.com"]
[INPUT type="email" id="email" value="info@internet.com"]
[INPUT type="phone" id="phone" value="(+36-30) 123-4567 / 548"]
Accepted characters: [0-9] + - / ( )
[INPUT type="phone" id="phone" value="(+36-30) 123-4567 / 548"]
[INPUT type="url" id="url2" value="http://internet.com"]
[INPUT type="url" id="url2" value="http://internet.com"]
"url" ID already occupied!
[INPUT type="mask" id="mask" mask="999-aaa-www?-***" value="123-abc-a2c"]
[INPUT type="mask" id="mask" mask="999-aaa-www?-***" value="123-abc-a2c"]
Accepted characters:
  • 9 : Numbers only
  • a : Only the English alphabet letters
  • w : Only English alphabet letters and numbers
  • h : Hexadecimal characters
  • * : Any character
  • ? : Optional - The following characters are optional
[INPUT type="textarea" id="textarea" value="Lorem ipsum dolor sit amet, consectetur adipiscing elit."]
[INPUT type="textarea" id="textarea" value="Lorem ipsum dolor sit amet, consectetur adipiscing elit."]
[INPUT type="list" id="list" values="0:No|1:Yes|2:Maybe..." value="1"]
[INPUT type="list" id="list" values="0:No|1:Yes|2:Maybe..." value="1"]
Radio:
[INPUT type="radio" id="radio" values="0:No|1:Yes|2:Maybe..." value="2"]
[INPUT type="radio" id="radio" values="0:No|1:Yes|2:Maybe..." value="2"]
Checkbox:
[INPUT type="checkbox" id="checkbox" value="one" label="This is checkbox" checked]
[INPUT type="checkbox" id="checkbox" value="one" label="This is checkbox" checked]
GDPR sample:
[INPUT type="checkbox" id="gdpr" required label="I agree that this information will be used by the site for testing purposes."]
[INPUT type="checkbox" id="gdpr" required label="I agree that this information will be used by the site for testing purposes."]