WEB DVL > html forms docker solutions

2 1. Formino (Self-hosted Form Backend) #

• What It Is: Formino is a simple self-hosted form backend, which you can run using Docker.
• Why It's Good: It's lean, easy to set up, and focuses on handling forms and sending notifications. Its designed for those who want a straightforward, low-maintenance form backend without too much bloat.
• How It Works: Formino allows you to handle form submissions, store them, and send emails without needing a backend setup.

3 Setup Instructions: #

1. Pull docker image:

   1docker pull formino/formino
   

2. Run docker container:

   1docker run -d -p 80:80 formino/formino
   

3. Use provided URL for form action:

   1<form action="http://your-vps-ip-or-domain" method="POST">
   2  <input type="text" name="name" placeholder="Your Name" required>
   3  <input type="email" name="email" placeholder="Your Email" required>
   4  <textarea name="message" placeholder="Your Message" required></textarea>
   5  <button type="submit">Submit</button>
   6</form>
   

3 Where to Find: #

• GitHub: Formino on GitHub

.

2 2. Simple Form Backend (PHP) #

• What It Is: A minimal PHP form backend that works well with Docker.
• Why It's Good: This is a super simple solution if you just need to process basic form data and send emails.
• How It Works: This container is ideal for someone who needs a form handler without complexity of bigger systems.

3 Setup Instructions: #

1. Clone or download PHP-based form backend repository.

   1git clone https://github.com/alexandrebodin/simple-form-backend.git
   2cd simple-form-backend
   

2. Build docker image:

   1docker build -t simple-form-backend .
   

3. Run docker container:

   1docker run -d -p 8080:80 simple-form-backend
   

4. Adjust form to point to VPS URL:

   1<form action="http://your-vps-ip:8080" method="POST">
   2  <input type="text" name="name" placeholder="Name" required>
   3  <input type="email" name="email" placeholder="Email" required>
   4  <textarea name="message" placeholder="Message" required></textarea>
   5  <button type="submit">Send</button>
   6</form>
   

3 Where to Find: #

• GitHub: Simple Form Backend on GitHub

.

2 3. Dockerized PHPForm (PHP + MySQL) #

• What It Is: A PHP/MySQL form backend that can be dockerized. Its a bit more feature-rich, allowing you to store form data in a database.
• Why It's Good: This is good for those who want persistent storage (e.g., saving form data in MySQL) and want to keep it all in one container.

3 Setup Instructions: #

1. Clone PHPForm repository:

   1git clone https://github.com/robertboudreau/phpform.git
   2cd phpform
   

2. Build docker image:

   1docker build -t phpform .
   

3. Run container (with MySQL support):

   1docker run -d -p 8080:80 phpform
   

4. Modify form to post data to VPS:

   1<form action="http://your-vps-ip:8080" method="POST">
   2  <input type="text" name="name" placeholder="Your Name" required>
   3  <input type="email" name="email" placeholder="Your Email" required>
   4  <textarea name="message" placeholder="Your Message" required></textarea>
   5  <button type="submit">Submit</button>
   6</form>
   

3 Where to Find: #

• GitHub: PHPForm on GitHub

.

2 4. Form Backend (Node.js) #

• What It Is: A Node.js form handler that is lightweight and easy to deploy in a Docker container.
• Why It's Good: If you're comfortable with JavaScript and Node.js, this backend can help you easily handle form submissions and send emails.

3 Setup Instructions: #

1. Clone repository:

   1git clone https://github.com/creativetimofficial/ct-form-backend.git
   2cd ct-form-backend
   

2. Build docker container:

   1docker build -t form-backend-nodejs .
   

3. Run docker container:

   1docker run -d -p 80:80 form-backend-nodejs
   

4. Point form action to VPS:

   1<form action="http://your-vps-ip-or-domain" method="POST">
   2  <input type="text" name="name" placeholder="Your Name" required>
   3  <input type="email" name="email" placeholder="Your Email" required>
   4  <textarea name="message" placeholder="Your Message" required></textarea>
   5  <button type="submit">Submit</button>
   6</form>
   

3 Where to Find: #

• GitHub: Form Backend Node.js

.

2 5. Flask Contact Form (Python) #

• What It Is: A Flask-based (Python) contact form handler.
• Why It's Good: Lightweight and easy to set up. If you prefer Python over PHP or Node.js, this is a simple choice.

3 Setup Instructions: #

1. Clone repository:

   1git clone https://github.com/supershivam/flask-contact-form.git
   2cd flask-contact-form
   

2. Build docker container:

   1docker build -t flask-contact-form .
   

3. Run container:

   1docker run -d -p 5000:5000 flask-contact-form
   

4. Modify forms action:

   1<form action="http://your-vps-ip:5000" method="POST">
   2  <input type="text" name="name" placeholder="Your Name" required>
   3  <input type="email" name="email" placeholder="Your Email" required>
   4  <textarea name="message" placeholder="Your Message" required></textarea>
   5  <button type="submit">Submit</button>
   6</form>
   

3 Where to Find: #

• GitHub: Flask Contact Form