# HTML Form in Ignition

**URL:** <https://forum.inductiveautomation.com/t/html-form-in-ignition/12498>\
**Category:** Ignition\
**Created:** [December 23, 2016, 5:36pm UTC](https://forum.inductiveautomation.com/t/html-form-in-ignition/12498 "2016-12-23T17:36:03Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![b\_zacht](https://avatars.discourse-cdn.com/v4/letter/b/da6949/32.png) [@b\_zacht](https://forum.inductiveautomation.com/u/b_zacht)\
**Post date:** [December 23, 2016, 5:36pm UTC](https://forum.inductiveautomation.com/t/html-form-in-ignition/12498/1 "2016-12-23T17:36:03Z")

</div>

I am trying to place a form on an Ignition page. My goal is to take text input and send it to a SQL database. Something like an HTML form in the label component looks promising. I can view my form and type into the text fields with the code below placed in a label text, but I cannot find documentation on accessing any data typed in the fields. Is it possible to grab that data?

This is an example of what I was able to type in.

```auto
<html>
    <form>
        <input type="text">
        <br>
        <input type="text">
        <br>
        <input type="text">
    </form>
</html>
```

Alternatively, are there better solutions for what I am trying to do? I searched the module showcase and didn’t find anything that looked relevant, but if there is something, I would be more than happy to take a look at it.

I am working with Ignition 7.8.4

---

<div class="post-metadata">

**Author:** ![JordanCClark](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jordancclark/32/83362_2.png) [@JordanCClark](https://forum.inductiveautomation.com/u/JordanCClark)\
**Post date:** [December 23, 2016, 6:14pm UTC](https://forum.inductiveautomation.com/t/html-form-in-ignition/12498/2 "2016-12-23T18:14:38Z")

</div>

Hi! Welcome to the forums!

Nick Mudge has a post on his blog that should help you out:

[http://nickmudge.info/post/new-components-for-database-backed-user-input-forms-in-Ignition](http://nickmudge.info/post/new-components-for-database-backed-user-input-forms-in-Ignition)

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [December 23, 2016, 7:19pm UTC](https://forum.inductiveautomation.com/t/html-form-in-ignition/12498/3 "2016-12-23T19:19:48Z")

</div>

You are going to have to become intimately familiar with [Wicket](https://wicket.apache.org/). I tried to avoid it too, and beat my head against a wall for weeks and weeks. Embrace the suck. And study the Ignition-provided pages and models – especially for anything you’ll store in the internal DB.

The good news (I think) is that v7.9 has adopted [ReactJS](https://facebook.github.io/react/) for new development, with just a placeholder in the existing wicket framework. I haven’t deployed anything with it yet, but it looks awful good.

---

<div class="post-metadata">

**Author:** ![b\_zacht](https://avatars.discourse-cdn.com/v4/letter/b/da6949/32.png) [@b\_zacht](https://forum.inductiveautomation.com/u/b_zacht)\
**Post date:** [December 23, 2016, 10:56pm UTC](https://forum.inductiveautomation.com/t/html-form-in-ignition/12498/4 "2016-12-23T22:56:42Z")

</div>

Thank you both for the suggestions. Nick’s forms aren’t quite what I’m looking for, but if I can’t get what I want to work, that’s what I’ll go with.

As for Wicket, I don’t really understand how it is used. Can a form be embedded in the ignition page with it? Is there an example project you could point me toward that would show its capability with Ignition? Last and perhaps most importantly, does Ignition inherently have “Wicket capability,” or will I have to add something?

Thanks for the help. It is much appreciated.

---

<div class="post-metadata">

**Author:** ![Kevin.Herron](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kevin.herron/32/7259_2.png) [@Kevin.Herron](https://forum.inductiveautomation.com/u/Kevin.Herron)\
**Post date:** [December 23, 2016, 11:07pm UTC](https://forum.inductiveautomation.com/t/html-form-in-ignition/12498/5 "2016-12-23T23:07:55Z")

</div>

This should be pretty easy to do using the WebDev module.

You won’t have to develop your own module or learn Wicket or React this route.

edit: unless by “Ignition page” you mean a screen in the Vision client, in which case this module does not apply.

---

<div class="post-metadata">

**Author:** ![Jhahn](https://avatars.discourse-cdn.com/v4/letter/j/8edcca/32.png) [@Jhahn](https://forum.inductiveautomation.com/u/Jhahn)\
**Post date:** [January 3, 2017, 5:07pm UTC](https://forum.inductiveautomation.com/t/html-form-in-ignition/12498/6 "2017-01-03T17:07:28Z")

</div>

I did something like this

use a text box as the inputbox

ex:

fname= event.source.parent.getComponent(‘fname’).text  
lname= event.source.parent.getComponent(‘fname’).text  
system.db.runPrepUpdate(“INSERT INTO yourdatabase(fname, lnameolor,colornum) VALUES (?,?)”, [fname,lname])
