Page History

Element ID will not be automatically be reflected in the database unless you toggled the Auto populate saved value and use the <input> element in the custom HTML.

Custom HTML in Form Builder can be used to achieve advanced form design by putting in any valid -

1. HTML

   Code Block
   language xml title Sample
   <b>this text is in bold</b>

   Code Block
   language xml title Sample
   <input type="text" id="fname" name="fname" value="">

   Info
   title The <input> Element
   Any <input> element in the custom HTML will automatically create a database table column based on the name attribute. To retrieve the value back, you can enable Auto Populate Saved Value? under Advanced Options below with value attribute available in the code to ensure the value will be stored and fetched in both the form and database..

2. JavaScript (jQuery is supported)
   Don’t forget to put in <script type="text/javascript"></script> block

   Code Block
   language xml title Sample
   <script type="text/javascript"> alert("hello world"); </script>

3. CSS
   Don’t forget to put in <style type="text/css"></style> block

   Code Block
   language xml title Sample
   <style type="text/css"> body{ font-size: 100%; } </style>

Toggle to the auto-populate saved value.

<input type="text" id="myhtml" name="myhtml" value="">

 Checking the box will sanitize the input value before storing input data in the database. Please see Form Input Sanitization