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

225

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

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

2 years ago

9.4k

v.4.6
progress-steps
progress-steps

Author:
Rami AlAjo

1 year ago

2.8k

v.4.6
Form Wave
Form Wave

Author:
Rami AlAjo

1 year ago

2.2k

v.4.6
form-validation
form-validation

Author:
Mustaq hussin

2 months ago

307

v.4.6
Simple login form

Author:
Prajwal Hallale

2 years ago

9k

v.4.6
siam form validation
form validation resourse

Author:
Anonymous

4 months ago

211

v.4.6
Form Section

Author:
Tanvir fahad

4 months ago

888

v.4.6
contact us

Author:
java stories story

1 year ago

4.2k

v.5.3
Contact From Section

Author:
Shahriar Noyon

4 months ago

413

v.4.6
Bootstrap Form with Javascript Validation

Author:
User

2 months ago

293

v.4.6
Contact section for portfolio with JS validation

Author:
sajid taz

3 months ago

366

v.4.6
vulgh

Author:
Anonymous

1 month ago

313

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent