How to Create Form in bootstrap
Microsoft Net Framework

<div class="container">
        <h1>Regester Here!</h1>
        <form>
            <div class="form-row">
                <div class="col-md-6">
                    <label for="validationDefault01">First name</label>
                    <input type="text" class="form-control" id="validationDefault01" placeholder="First name" required>
                </div>
                <div class="col-md-6">
                    <label for="validationDefault02">Last name</label>
                    <input type="text" class="form-control" id="validationDefault02" placeholder="Last name" required>
                </div>

            </div>
            <div class="form-row">
                <div class="col-md-6">
                    <label for="validationDefault03">City</label>
                    <input type="text" class="form-control" id="validationDefault03" placeholder="City" required>
                </div>
                <div class="col-md-3">
                    <label for="validationDefault04">State</label>
                    <input type="text" class="form-control" id="validationDefault04" placeholder="State" required>
                </div>
                <div class="col-md-3">
                    <label for="validationDefault05">Zip</label>
                    <input type="text" class="form-control" id="validationDefault05" placeholder="Zip" required>
                </div>
            </div>
            <div class="form-row">
                <div class="col-md-6">
                    <label for="validationDefault01">Cell #</label>
                    <input type="text" class="form-control" id="validationDefault01" placeholder="Digits" required>
                </div>
                <div class="col-md-6">
                    <label for="validationDefault02">Blood Group</label>
                    <input type="text" class="form-control" id="validationDefault02" required>
                </div>

            </div>
            <div class="form-row">

                <div class="col-sm-8">
                    <label class="form-check-label" for="invalidCheck2"><span> Agree to terms</span></label>

                    <input class="form-check-input" type="checkbox" value="" id="invalidCheck2" required>
                </div>
                <div class="col-md-4">
                    <label class="form-check-label" for="invalidCheck2"></label>

                    <input class="form-check-input" type="file" value="" id="invalidCheck2" required>


                </div>

                <div class="col-sm-4"><button class="btn btn-primary" type="submit">Submit form</button></div>
            </div>

        </form>

    </div>

Share This with your friend by choosing any social account


Upcoming Articles
Copyright Future Minutes © 2015- 2024 All Rights Reserved.   Terms of Service  |   Privacy Policy |  Contact US|  Pages|  Whats new?
Update on: Dec 20 2023 05:10 PM