Simple Form

This tailwind example is contributed by Mr Robot, on 27-Aug-2022. Component is made with Tailwind v3.4.

Tailwind v3.4 10.7k 11

<div class="mb-5">
                    <label for="twitter" class="block mb-2 font-bold text-gray-600">Twitter</label>
                    <input type="text" id="twitter" name="twitter" placeholder="Put in your fullname." class="border border-red-300 shadow p-3 w-full rounded mb-">
                    <p class="text-sm text-red-400 mt-2">Twitter username is required</p>
                </div>

<button class="block w-full bg-blue-500 text-white font-bold p-4 rounded-lg">Submit</button>
            </form>
        </div>
    </div>
</div>

Related Examples

Responsive registration form
form with social login buttons

Sophia Baker

3 years ago

46.7k
Credit / Debit card payment information form

Santos78

3 years ago

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

Nour Haider

3 years ago

11.5k
update user
it is the layout for creating an event

seth dridi

2 years ago

2.4k
Contact us Form
suitable for dark-themed websites

Anja Müller

3 years ago

10.6k
Sign in form
simple full-height login form

Lukas Müller

3 years ago

10.5k
Book appointment form

Lukas Müller

3 years ago

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

Steve NGOYA

1 year ago

1.6k
Appointment booking form

Ho O

1 year ago

1.7k
Simple login form

Sathishkumar Nallusamy

3 months ago

670
Reset Password UI
Reset password screen built with pure HTML and Tailwind CSS. Includes new password and confirm password fields, password strength indicator, security requirements checklist, inline SVG icons, and a premium glassmorphism SaaS interface.

JUGENDRA GANGWAR

4 days ago

69
Responsive Contact Form
Modern Responsive Contact Form Design

UI-Templates

11 months ago

1.1k