yash from

amr from ta keow copy korbe nha .korle tui morog chor

This bootstrap css example is contributed by rimon majumder, on 14-May-2026. Component is made with bootstrap css v.4.6. It is responsive.

Tags: Form

Author rimon majumder

170

v.4.6

Fork Fullscreen

<div class="container mt-5">
    <div class="row justify-content-center">
        <div class="col-md-6">
            <div class="card shadow">
                <div class="card-header bg-primary text-white">
                    <h4 class="mb-0">Registration Form</h4>
                </div>
                <div class="card-body">
                    
                    <form id="registrationForm" class="needs-validation" novalidate>
                        
                        
                        <div class="mb-3">
                            <label for="name" class="form-label">Full Name</label>
                            <input type="text" class="form-control" id="name" placeholder="Enter your name" required>
                            <div class="invalid-feedback">
                                Please enter your name.
                            </div>
                        </div>

<div class="mb-3">
                            <label for="email" class="form-label">Email address</label>
                            <input type="email" class="form-control" id="email" placeholder="name@example.com" required>
                            <div class="invalid-feedback">
                                Please provide a valid email.
                            </div>
                        </div>

<div class="mb-3">
                            <label for="address" class="form-label">Address</label>
                            <input type="text" class="form-control" id="address" placeholder="Address" required>
                            <div class="invalid-feedback">
                                Please provide a valid address.
                            </div>
                        </div>

<div class="mb-3">
                            <label for="password" class="form-label">Password</label>
                            <input type="password" class="form-control" id="password" required>
                            <div class="invalid-feedback">
                                Password field cannot be empty.
                            </div>
                        </div>

<button class="btn btn-primary w-100" type="submit">Submit Form</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

More Examples

Form Wave
Form Wave

Author:
Rami AlAjo

1 year ago

2.1k

v.4.6
HTML and Bootstrap for Registration Form
HTML: Personal Information Section: Includes fields for full name, email, date of birth, bio, and profile image. Company Information Section: Includes fields for company name, company size (using a dropdown), and location. Submit Button: A button to submit the form. CSS: Background Gradient: Applied to the body. Card Styling: Styled with rounded corners and padding. Button Styling: Custom colors for the submit button. Validation Styling: Highlight invalid fields and display error messages. JavaScript: Validation Logic: Checks if required fields are filled and updates the feedback area with error or success messages. Dynamic Feedback: Updates the form with success or error messages based on validation.

Author:
zobaidul kaziex

1 year ago

9.2k

v.4.6
form-validation
form-validation

Author:
Mustaq hussin

3 weeks ago

86

v.4.6
E-Commerce Full

Author:
Zahid Hasan Riyad

3 weeks ago

218

v.5.3
new-validation-form
new-validation-form

Author:
Anonymous

3 weeks ago

108

v.4.6
NewsPortal Full Website

Author:
Zahid Hasan Riyad

2 weeks ago

238

v.5.3
Form validation by donald trump
form validation

Author:
Faysal

3 weeks ago

116

v.4.6
contact us

Author:
java stories story

1 year ago

3.9k

v.5.3
Contact us form

Author:
Anonymous

2 years ago

8.2k

v.4.6
vulgh

Author:
Anonymous

2 weeks ago

83

v.5.3
Restrurant Website
Only for me

Author:
Zahid Hasan Riyad

1 month ago

148

v.5.3
User Settings Form
form with following sections - Personal Information - Profile Picture - Email Preferences - Account Settings - Change Password - Privacy Settings

Author:
Juniper

1 year ago

5.8k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent