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.4k
tailwind contact form
tailwind contact form

Author:
Geoffrey Callaghan

1 year ago

2.1k
Text Rpg UI

Author:
Crimson

9 months ago

1.1k
Apply Coupon Code form

Author:
Lyra Ravensong

2 years ago

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

Author:
Geoffrey Callaghan

2 years ago

7.3k
Profile Form
Enhanced User Profile Form with Stunning Profile and Cover Image Fields

Author:
Steve NGOYA

4 months ago

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

Author:
R Thapa

2 years ago

16.8k
Contact us section
Minimal contact us form

Author:
Leon Bachmann

2 years ago

11.9k
Instagram Login Clone

Author:
Victoria Blount

4 months ago

277
Responsive Bank Card Information Form with TailwindCSS
A sleek and modern bank card information form built with raw HTML and styled using TailwindCSS. This responsive form includes fields for cardholder name, card number, expiry date, and CVV, designed for clean aesthetics and ease of use.

Author:
SHARIFUL ISLAM

8 months ago

1.2k
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

3 years ago

23.3k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components