Home
JaxStone
Feedback Form

Feedback Form

This tailwind example is contributed by JaxStone, on 02-Jan-2023. Component is made with Tailwind CSS v3. It is responsive.

Form

Author JaxStone

14.7k

Fork Fullscreen

<form 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

Feedback form
Collect opinions about your company's service

Author:
Arya

3 years ago

13.7k
Survey form
User survey form

Author:
JaxStone

2 years ago

16.2k
Register Form
A simple and minimalistic register form.

Author:
Sonam Sherpa

3 weeks ago

74
Otp form
SImple opt form with resend and verify button

Author:
Rafferty Kim

2 years ago

10.5k
Simple Form

Author:
Mr Robot

3 years ago

9.6k
Get in Touch – Let's Connect! Responsive Contact Section Using TailwindCSS
Need a website, have a project idea, or just want to say hello? Feel free to reach out! My Contact Section is built with Tailwind CSS, ensuring a clean, responsive, and user-friendly experience. Drop me a message, and let's create something amazing together!

Author:
Abdul Baset Bappy

6 months ago

961
Responsive contact us section

Author:
Ron Hicks

2 years ago

14.6k
Sign Up form with dark mode support

Author:
Anonymous

2 years ago

11.8k
Reservation form

Author:
Lukas Müller

2 years ago

13.3k
Authentication form
Use this example to authenticate users with a login form using a phone number instead of an email address.

Author:
Md. Tofayel islam

1 year ago

2.7k
Login template

Author:
Gabriel Urbano

1 year ago

6k
Incentives
tailwind css Incentives

Author:
Anonymous

1 year ago

5k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components