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

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

13k
Survey form
User survey form

Author:
JaxStone

2 years ago

15k
Feedback Form with rating input
take users feedback with this simple form

Author:
Nour Haider

1 year ago

9.8k
Feedback Form
Feedback Form with a map

Author:
Andreas Wagner

1 year ago

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

Author:
Ranit Saha

3 months ago

635
Banner with Form

Author:
Aitrik Saha

2 months ago

437
Multi-Step Form with Progress Indicator
reusable "Multi-Step Form with Progress Indicator" component built with HTML, CSS, and Tailwind CSS. It’s a practical component for forms like signups, surveys, or checkout processes.

Author:
Ayyamperumal S

2 months ago

641
Login page with tailwind (SB admin 2)
This component features a split-screen design with a background image on one side and a registration form on the other.

Author:
Akshay

2 years ago

20.9k
form3

Author:
ABDO-SY

1 month ago

247
Appointment booking form

Author:
Ho O

3 months ago

500
Animated modal with Tailwind Css and alpinejs

Author:
Michael Andreuzza

11 months ago

2.4k
Verify otp form

Author:
Jakub Novak

1 year ago

16.7k

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components