Home
Ho O
Feedback Form with fabform.io

Feedback Form with fabform.io

Forked from> @jaxstone/feedback-form-2

This tailwind example is contributed by Ho O, on 09-Jan-2025. Component is made with Tailwind CSS v3. It is responsive.

Form

Author Ho O

130

<form action="https://fabform.io/f/xxxxx" method="post"
class="max-w-md mx-auto mt-20 p-6 bg-white border rounded-lg shadow-lg">
    <h2 class="text-2xl font-bold mb-6">Feedback Form</h2>
    <div class="mb-4">
        <label class="block text-gray-700 font-bold mb-2" for="name">
      Name:
    </label>
        <input class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" id="name" type="text" placeholder="Enter your name">
    </div>
    <div class="mb-4">
        <label class="block text-gray-700 font-bold mb-2" for="email">
      Email:
    </label>
        <input class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" id="email" type="email" placeholder="Enter your email">
    </div>
    <div class="mb-4">
        <label class="block text-gray-700 font-bold mb-2" for="feedback">
      Feedback:
    </label>
        <textarea class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" id="feedback" rows="5" placeholder="Enter your feedback"></textarea>
    </div>
    <button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline" type="submit">
    Submit
  </button>
</form>

Related Examples

Tailwind CSS Radio Button Cards

Author:
Prashant

2 years ago

11k
tailwind contact form
tailwind contact form

Author:
Geoffrey Callaghan

8 months ago

1.9k
Simple Sign-up Box
It features a backdrop blur effect on a dark background, creating an elegant and modern look.

Author:
Anja Müller

1 year ago

9.6k
User registration form

Author:
Leon Bachmann

2 years ago

20k
Sign up form
simple full-height register form

Author:
Lukas Müller

2 years ago

11.3k
Animated modal with Tailwind Css and alpinejs

Author:
Michael Andreuzza

9 months ago

2k
Extreme Signup Page
I create a signup page using html, tailwindcss and font awesome icons using cdn.

Author:
Akram Khan

7 months ago

1.5k
Simple Form 3

Author:
Mr Robot

2 years ago

8.8k
Credit card form

Author:
Oliver Hansen

2 years ago

15.2k
Responsive Sign-Up Form with TailwindCSS
Create a visually appealing and fully responsive sign-up form using TailwindCSS. This form includes input fields for full name, mobile number, email, password, and confirm password, along with a gradient sign-up button. Designed with simplicity and flexibility, it is perfect for modern web applications and easy to integrate into any project.

Author:
SHARIFUL ISLAM

1 week ago

60
progress-bar with Tailwind CSS and Alpinejs

Author:
Michael Andreuzza

9 months ago

1.3k
Input Formulario
Input used in the form Link form: https://tailwindflex.com/@ameth1208/login

Author:
Ameth Galarcio

7 months ago

1.1k

Explore components by Tags

Didn't find component you were looking for?

Search from 2000+ components