Bootstrap CSS Classes

Bootstrap CSS class .is-invalid

    <form class="row g-3">
        <div class="col-md-4">
            <label for="validationServer01" class="form-label">First name</label>
            <input type="text" class="form-control is-invalid" id="validationServer01" value="123456" required>
            <div class="invalid-feedback">
                Please enter your name.
            </div>
        </div>
        <div class="col-md-4">
            <label for="validationServer02" class="form-label">Last name</label>
            <input type="text" class="form-control is-invalid" id="validationServer02" value="" required>
            <div class="invalid-feedback">
                Please enter your last name
            </div>
        </div>
    </form>

Preview

Are you tired of writing HTML by hand?

More Bootstrap CSS classes in Forms category

© 2024 Shuffle. All rights reserved.