Feedback Form

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

Form

Author JaxStone

Tailwind v3.4 16k 10

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

Arya

4 years ago

14.7k
Survey form
User survey form

JaxStone

3 years ago

17.7k
Forgot Password Screen

JUGENDRA GANGWAR

3 weeks ago

41
Waitlist signup form

Anonymous

2 years ago

5.5k
Payment form (Alpine JS)

Mr Robot

4 years ago

10.6k
3D login form and responsive designe
Made a resposnvie form and 3d animation

Sufyan jutt

8 months ago

519
Records Form - HPower
records survey form

Anonymous

1 year ago

1.9k
LOGIN PAGE OMERLINKS
LOGIN PAGE OMERLINKS

Omer fils ELENGA

2 weeks ago

13
Appointment booking form

Leif99

3 years ago

18.5k
Login popup modal
centered modal for gaining more attention from users, it also has social login buttons.

R Thapa

3 years ago

18.4k
Sign Up form with dark mode support

Anonymous

3 years ago

12.9k
Login Page
A responsive minimal login page built with pure HTML and Tailwind CSS. Includes social authentication buttons, email & password fields, remember me option, and a clean centered card design that's easy to integrate into SaaS and web applications.

JUGENDRA GANGWAR

3 weeks ago

8