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.4k

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

2 years ago

13.3k
Survey form
User survey form

Author:
JaxStone

2 years ago

15.2k
Simple Form

Author:
Mr Robot

2 years ago

9.2k
Animated Iogin form
This section showcases a series of interactive image cards that reveal descriptive text on hover. Built using Tailwind CSS and Astro.js, each card features a smooth animation, background blur, and opacity transition, enhancing the user experience while presenting visually engaging content.

Author:
nicoleshal07

6 days ago

8
Email format
This is a ui component to be used to send emails with custom design (deigned with tailwindcss)

Author:
Ranit Saha

4 months ago

754
Input output form

Author:
Prajwal Hallale

2 years ago

7.8k
Contact us page template
full page fancy contact us page

Author:
Geoffrey Callaghan

1 year ago

7k
Forgot password form (fullscreen)

Author:
Prajwal Hallale

2 years ago

12.1k
Contact Form for fabform.io
Contact form that uses fabform.io

Author:
Ho O

4 months ago

273
Reservation form

Author:
Lukas Müller

2 years ago

12.7k
Confirm OTP Form
can be used as a reset password form

Author:
Santos78

2 years ago

10.2k
free tailwind personal portfolio template
free tailwind personal portfolio template

Author:
Geoffrey Callaghan

1 year ago

4.4k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components